CSS Отрицательные поля для позиционирования

Question

Можно ли использовать отрицательные поля для позиционирования? У меня есть много на моем текущем сайте, и я чувствую, что это не такой стабильный способ позиционирования. Я обычно предлагаю использовать их тоже.

Например, у меня есть страница оформления заказа с тремя элементами div друг над другом

<div class="A">
   header
</div>
<div class="B">
   content
</div>
<div class="C">
   footer
</div>

(A, B и C), которые предназначены сидеть друг на друге, чтобы выглядеть прикрепленными. Я сделал это используя:

.B
{
    margin-top: -20px;
}

На div B, чтобы встретить дно div A.

Это хорошая практика, или мне нужно перекодировать, используя top и left?

Answer 1

Если ваши дивы имеют некоторый запас между собой, возможно, вы не сбросили свои поля и отступы (см .: http://meyerweb.com/eric/tools/css/reset/).

Вообще говоря, использование плохих полей в любом случае неплохо, если вывынуждены устанавливать их почти везде, вероятно, вам следует реорганизовать ваш CSS, потому что результат может немного отличаться в разных браузерах, и это может привести к большой головной боли :).

Answer 2

Известно, что отрицательные поля вызывают проблемы в IE7 и ниже из-за обрезки содержимого. И, как предполагает псевдоним, это также может указывать на проблему с остальной частью дизайна. Но я думаю, что неправильно говорить, что отрицательные поля являются «плохим развитием» во всех случаях. Но, как всегда, тестовый тестовый тест.