CSS: IE7 Пустая область <div>занимает место

Question

У меня есть страница с несколькими элементами div шириной 800 пикселей и полем: 0 для их автоматического центрирования.

Один из элементов div содержит изображение, а остальные элементы div пусты, в IE8 + оновыглядит так же, как и все другие браузеры, но в IE7 пустая область div занимает место и выбрасывает другие элементы со своих мест,

Есть ли быстрое решение, чтобы пустая область div не занимала место?

причина, по которой я должен оставить пустую область, заключается в том, что фиксированные значения с полем и полем: 0 автоматически приводят изображение в соответствие с другими элементами div, которые имеют такую ​​же ширину.

спасибо заранее!

Answer 1

Попробуйте установить line-height:0 и font-size:0 для этого элемента.

Это должно заставить элемент не занимать место ..

Answer 2

просто хотел сказать кому-либо, читающему этот пост, в конце я поставил условный комментарий Internet Explorer, поскольку казалось, что ничего не решает проблему.

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

Answer 3

Да, это так ... просто поставьте ; после них

У меня была такая же проблема в IE7, и я использовал ответ

line-height:0; 
font-size:0; 

в CSS, соответствующем этому div