2 вертикально расположенных дива, что может помешать им "прикоснуться"?

Question

Нажмите здесь , чтобы увидеть, что я имею в виду .. Что может помешать этим двум сидеть прямо друг над другом таким образом На данный момент на моем сайте я должен использовать margin-bottom:-22px;, чтобы получить эффект.

И, конечно, в IE это не работает ...

Спасибо:)

Answer 1

Может быть, какая-то унаследованная маржа? Это очень трудно понять без контекста.

Полезный инструмент для выявления проблем такого типа - это то, что в большинстве браузеров известно как «инструменты разработчика» (Firebug в Firefox). Щелкните правой кнопкой мыши по любому элементу и выберите Inspect element, чтобы легко просмотреть блочную модель любого элемента и узнать, откуда он приобрел эти стили.

Вот несколько ссылок о том, как сделать это с Firebug: http://getfirebug.com/layout и http://getfirebug.com/css

Answer 2

Может быть, где-то определено поле, либо во внутренних стилях браузера, либо где-нибудь еще в вашей таблице стилей? Попробуйте установить поле на 0 для обоих элементов.

Answer 3

Что ты имеешь в виду? Если вы добавите margin-top: 2px к нижнему элементу, он появится на 2 пикселя ниже, то есть не будет касаться Есть ли проблема с этим ...?

Answer 4

Использование положительного значения маржи должно привести к тому, что они будут удалены друг от друга