div中的浮动元素

Question

我想制作一个包含产品信息的DIV。在DIV中，产品描述需要包围产品图像。我正在使用align =“left”作为图像。

我的问题是当只有1行产品描述时，DIV的高度只有1行，使图像在Firefox 1.5中向下扩展到DIV边界之外。 （IE扩展DIV以包含图像）

一

Answer 1

尝试将此添加到您的div

overflow: hidden;

希望它有所帮助。

Answer 2

听起来你需要清除你DIV的内容。另一个带有clear的DIV元素：两者都在容器的末端内部就可以了。或者您可以使用CSS clearfix http://www.webtoolkit.info/css-clearfix.html

Answer 3

没有看到代码，很难说，但听起来你应该使用float:left而不是align:left来表示图像的样式。此外，div元素通常应该扩展以适合包含图像，所以我想有一些额外的样式可供查看。