Html IE7 float使线中断，并将其他div置于其下_Html_Css

Html IE7 float使线中断，并将其他div置于其下

html css

Html IE7 float使线中断，并将其他div置于其下,html,css,Html,Css,嗨，我在IE中处理浮点数时遇到了好几次问题这里是我的意思的一个例子，请注意，这个例子在Firefox和Chrome中工作 index.html <html> <link href="style.css" rel="stylesheet" type="text/css" /> <body> <div class="some_box"> <div class="upper_red_box"></div> <

嗨，我在IE中处理浮点数时遇到了好几次问题这里是我的意思的一个例子，请注意，这个例子在Firefox和Chrome中工作

index.html

    <html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div class="some_box">

<div class="upper_red_box"></div>


  <div class="title_bg">
  <div class="title">hi im here </div>
  </div>
</div>
</body>
</html>

提前感谢您的帮助：）

如果没有，Explorer将滑入

此外，您还缺少CSS应该包含在其中的整个

部分

在文档开头添加

，并在

周围使用适当的

。

部分（并添加

）

总的来说，你的HTML技能是缺乏的，所以你不能真正期待事情的进展

但是解决这些问题，你应该有一个像样的机会。

那么你的问题是什么？不要期望读者通过在几个不同的浏览器中调出你的问题来推断你的问题。问题是，上面的红色方框div变为标题上方的bg，就像它们在单独的行中一样。你真的应该阅读这篇文章，以获得如何编写好问题的提示。因此：我真的不知道doctype有什么大不了的。。谢谢你的帮助……：）@rainykeys，每一个无效的小东西都有可能成为大事件。。。特别是对于探险家。

div.some_box{
    width:700px;
    height:400px;
    background-color:#f3f3f5;
}
div.upper_red_box{
    width:10px;
    height:70px;
    background-color:#ac0061;
    float:right;
}
div.title_bg{
    background-color:#c1c1c1;
    width:600px;
    height:70px;
    margin-left:100px;
}
div.title{
    color:#f3f3f5;
    font-family:impact , Verdana, Geneva, sans-serif;
    font-size:24px;
    padding-left:10px;
    padding-top:20px;
}