我想制作一个包含产品信息的 DIV。在 DIV 中,产品描述需要环绕产品图像。我使用 align="left" 作为图像。
我的问题是当只有 1 行产品描述时,DIV 的高度只有 1 行,使图像在 Firefox 1.5 中向下扩展到 DIV 边框之外。(IE 扩展 DIV 以包含图像)
一个
我想制作一个包含产品信息的 DIV。在 DIV 中,产品描述需要环绕产品图像。我使用 align="left" 作为图像。
我的问题是当只有 1 行产品描述时,DIV 的高度只有 1 行,使图像在 Firefox 1.5 中向下扩展到 DIV 边框之外。(IE 扩展 DIV 以包含图像)
一个
尝试将此添加到您的 div
overflow: hidden;
希望能帮助到你。
听起来您需要清除 DIV 的内容。一个带有 clear:both 的附加 DIV 元素,就在容器的末尾。或者您可以使用 CSS clearfix http://www.webtoolkit.info/css-clearfix.html
没有看到代码,很难说,但听起来你应该使用float:left
而不是align:left
图像的样式。此外,div
元素通常应该扩展以适应包含的图像,所以我想那里有一些额外的样式可供查看。