margin-bottom немного серой области браузера

Question

Когда я использую поле margin-bottom - CSS, результаты различаются в разных браузерах (особенно в IE), что влияет на свойство CSS «Margin», какие другие правила мне нужно проверить, чтобы я реализовал их, прежде чем смогу увидеть согласованный результат на всех все браузеры ...

Answer 1

Некоторые браузеры (IE) сворачивают поля.Это влияет не только на нижнее поле, но и на верхнее.

Если у вас есть два сложенных элемента, оба с полем margin: 10px 0 15px;, вы можете подумать, что между ними будет 25 пикселей.Тем не менее, IE сворачивает поля, так что все, что осталось, это наибольшее поле (которое составляет 15px в приведенном выше примере).

Что касается обеспечения того, чтобы браузеры отображали данные последовательно, хорошее место для начала - хорошая таблица стилей сбросаЭрик Майер или YUI, например).

Answer 2

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

Но если вы можете предоставить более подробную информацию, мы можем уточнить больше!