Image chrome浮动图像未正确显示

Image chrome浮动图像未正确显示,image,internet-explorer,google-chrome,html,Image,Internet Explorer,Google Chrome,Html,我正试图为我乐队的网站创建一个“新闻”控件(facebook风格),但我在google chrome上遇到了一个问题 这就是控件(我将在自定义webcontrol类中编写它,以编程方式使用c#asp.net添加控件) 标题 日期 身体身体 身体身体身体身体身体身体身体身体身体身体身体身体身体 身体身体身体身体身体身体身体身体身体身体身体身体身体 身体身体身体身体身体身体身体身体身体身体身体身体身体 我的问题是:我用IE得到了我想要的东西,但是如果我尝试在google chrome中打开这些图

我正试图为我乐队的网站创建一个“新闻”控件(facebook风格),但我在google chrome上遇到了一个问题

这就是控件(我将在自定义webcontrol类中编写它,以编程方式使用c#asp.net添加控件)


标题
日期
身体身体
身体身体身体身体身体身体身体身体身体身体身体身体身体
身体身体身体身体身体身体身体身体身体身体身体身体身体
身体身体身体身体身体身体身体身体身体身体身体身体身体
我的问题是:我用IE得到了我想要的东西,但是如果我尝试在google chrome中打开这些图片(添加多个新闻),它们一个接一个地浮动,所有的文本都移动得很糟糕(对不起,我不能发布图片),我能做什么


谢谢,对不起我的英文:)

问题是外部div没有占用它的全部内容。为此,您可以对外部div元素使用
clear:both
float:left
overflow:hidden

您听说过外部样式表吗?。。。。。我只是想知道如何让它工作。。。这不是我将要添加到页面中的内容。。
<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>