Question

嗨，我在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>

的style.css

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;
}

事先感谢您的帮助：）

Answer 1

如果没有a proper doctype，资源管理器将会进入quirks mode。

此外，您错过了CSS包含的整个<head></head>部分。 See this for the HTML 4 spec

Answer 2

将<!DOCTYPE HTML>添加到文档的开头，并在<head>..</head>周围使用正确的<link>部分（并添加<title>）。

总体而言，您的HTML技能缺乏，因此您无法真正期待工作。

但要解决这些问题，你应该有一个不错的镜头。

IE7 float使得一些换行符并在其下放置其他div

2 个答案: