пятница, 5 ноября 2010 г.

Отрицательные марджины

Упустил я из вида один из методов верстки, который позволяет контент страницы размещать первее в структуре html-документа, а уже потом сайдбары и тому подобное. Что очень позитивно сказывается на поисковой оптимизации...

Основан он на отрицательных марджинах.
Суть проблемы во в чем, я как-то не заметил, что отрицательные марджины смещают плавающий элемент только в том случае, если он прижат к границе своего родителя, если в этой стороне где применяется отрицательный марджин нет границы, то и смещение не будет происходить. Ведь марджин это расстаяние к соседнему элементу, а поскольку родитель персона постарше, то и смещаться будет не родитель, а сам элемент относительно родителя.
А что же обстоит с соседним плавающим элементом? Ведь марджин определяет растояние в этой ситуации между ними. Поэтому если один елемент прижат к родителю, а второй к первому эленту, то если между первым и вторым будет отрицательный марджин, то второй пойдет на сближение с первым, ведь с другой стороны его ничето не обязывает("сила притяжения действует в сторону первого элемента"):) Так можно налаживать элементы друг на друга, и даже менять местами, если марджин в размер первого элемента!
Пример - это тема зен для друпала.

Комментариев нет:

Отправить комментарий