chrome浮动图像无法正确显示

Question

我正在尝试为我的乐队网站创建一个“新闻”控件（facebook 样式），但我在 google chrome 上遇到了问题。

这是控件（我将在自定义 webcontrol 类中编写它，以便使用 c# asp.net 以编程方式添加控件）

<div runat="server" id="Div1" style="width:900px; margin-bottom:10px;height:auto">
<img runat="server" id="Img1" src="" alt="" style="width:150px;height:250px;float:left"/>
<h1 runat="server" id="H1" style="color:Silver;margin-bottom:0px">Title</h1>
<div runat="server" id="Div2" style="color:Silver" align="right">date</div>
<div runat="server" id="Div3" style="color:Silver;word-wrap:break-word;float:right;width:740px">body body body body body body body body body body body body body body body 
body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body 
body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body 
body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body 
</div>
</div>

我的问题是：我使用 IE 得到了我想要的东西，但是如果我尝试在 google chrome 中打开这些图像（添加多个新闻），这些图像（添加多个新闻）一个挨着一个浮动，严重移动了所有文本（对不起，我不能发布图片）我该怎么办？

谢谢你，对不起我的英语:)

Answer 1

问题是外部 div 并没有占用它的所有内容。为此，您可以将clear:both 或float:left 或overflow:hidden 用于外部div 元素。