Обтекание изображения внутри DIV добавляет дополнительную высоту в FF и IE6 - PullRequest
1 голос
/ 31 августа 2011

Я настроил скрипку с примером моей проблемы. Fiddle

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

Я хочу, чтобы оболочка имела минимальные размеры, но позволяю области содержимого увеличиваться в размере по мере необходимости. По какой-то причине высота области содержимого увеличивается за пределы высоты изображения. И в FF, и в IE6. Я попытался добавить "line-height: 0;" к содержимому div, который устраняет проблему в FF, но не в IE6.

Edit:

Я продолжал искать и отвечать, и я нашел две вещи, которые мне нужно было сделать. Очевидно, FF добавляет пространство под изображением, когда оно оборачивается элементом div. Этого можно избежать, указав точные размеры содержимого DIV или установив высоту строки в ноль. Это исправило проблему в FF, но все еще присутствовало в IE6. Я предполагаю, что есть ошибка, если после тега изображения остается пустое пространство. Поэтому добавление закрывающего тега div сразу после тега изображения решило проблему.

1 Ответ

4 голосов
/ 02 сентября 2011

Использование дисплея: блок;на изображении работал намного лучше в FF.

...