铬浮动图像无法正常显示

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浏览器，但如果我尝试在谷歌浏览器中打开我得到这些图像（添加多个新闻）漂浮在另一个旁边，严重移动所有文本（对不起，我无法发布图片）我该怎么办？

谢谢，对不起我的英语：）

Answer 1

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