Html ie6利润率增加20像素

我把div包装在div的html代码下面

    <div id="content-row">
         <div id="left-box">
              <div id="small-box">
              </div>
              <div id="small-box">
              </div>
              <div id="small-box">
              </div>
              <div id="small-box">
              </div>
        </div>
     </div>

以上样式表仅适用于ie6。我的问题是左边的盒子在右边多拿了20像素。当我将左框定义为360px时；取380px

这里是完整代码的链接

---

代码有什么问题？

这是IE6中已知的bg，有关更多信息，请参阅本页：

---

基本上，快速修复方法是添加

display:inline到浮动元素。
这是IE6中已知的bg，有关更多信息，请参阅本页：

基本上，快速修复方法是添加
display:inline到浮动元素。
回应您的评论：

  <div class="content-row">
         <div id="left-box">
              <div class="small-box">
              </div>
              <div class="small-box">
              </div>
              <div class="small-box">
              </div>
              <div class="small-box">
              </div>
        </div>
     </div>


.content-row {
    margin: 0 auto!important;
    padding-left:50px;
    width:990px;
    height:320px;
    padding-bottom:20px;    
}
#left-box {
    float:left;
    width:360px;
    height:340px;
}
.small-box {
    width:160px;
    height:150px;
    background-color:#fff;
    float:left;
    margin:0px 20px 20px 0px;
}


.内容行{
保证金：0自动！重要；
左侧填充：50px；
宽度：990px；
高度：320px；
垫底：20px；
}
#左框{
浮动：左；
宽度：360px；
高度：340px；
}
.小盒子{
宽度：160px；
高度：150像素；
背景色：#fff；
浮动：左；
保证金：0px 20px 20px 0px；
}

id
#left box
可以是一个id，因为文档中只有一个元素具有
id=“left box”
，但由于其他元素重复，因此必须使用类来定义它们：）
以响应您的评论：

  <div class="content-row">
         <div id="left-box">
              <div class="small-box">
              </div>
              <div class="small-box">
              </div>
              <div class="small-box">
              </div>
              <div class="small-box">
              </div>
        </div>
     </div>


.content-row {
    margin: 0 auto!important;
    padding-left:50px;
    width:990px;
    height:320px;
    padding-bottom:20px;    
}
#left-box {
    float:left;
    width:360px;
    height:340px;
}
.small-box {
    width:160px;
    height:150px;
    background-color:#fff;
    float:left;
    margin:0px 20px 20px 0px;
}


.内容行{
保证金：0自动！重要；
左侧填充：50px；
宽度：990px；
高度：320px；
垫底：20px；
}
#左框{
浮动：左；
宽度：360px；
高度：340px；
}
.小盒子{
宽度：160px；
高度：150像素；
背景色：#fff；
浮动：左；
保证金：0px 20px 20px 0px；
}

id
#left box
可以是一个id，因为文档中只有一个元素具有
id=“left box”
，但由于其他元素重复，因此必须使用类来定义它们：）
将
id
更改为类<代码>id
在HTML文档中必须是唯一的。@Kyle我无法理解你的意思。你能说得准确些吗。如果你能给我提些建议，我将不胜感激。谢谢。您有多个
id=“小盒子”
；这不是有效的HTML。HTML文档中的每个
id
属性必须具有不同的值。另见：@Piskvor我明白了。谢谢您的批改。请将您的
id
s更改为class<代码>id

在HTML文档中必须是唯一的。@Kyle我无法理解你的意思。你能说得准确些吗。如果你能给我提些建议，我将不胜感激。谢谢。您有多个

id=“小盒子”

；这不是有效的HTML。HTML文档中的每个

id

属性必须具有不同的值。另见：@Piskvor我明白了。谢谢你纠正我。虽然这不是问题的答案，但这是一个非常正确的观点，也是我在网上越来越多地看到的一个错误。另外，将ID用于样式是非常危险的，因为覆盖所述样式的唯一好方法是在元素上使用内联CSS。虽然这不是问题的解决方案，但这是一个非常有效的观点，我在web上看到越来越多的错误。另外，对样式使用ID是非常危险的，因为覆盖所述样式的唯一好方法是在元素上使用内联CSS。