image - 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 中打开，我会得到这些图像（添加多个新闻）一个挨一个浮​​动，严重移动所有文本（对不起，我可以' t张贴图片）我该怎么办？

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

Answer 1

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