Html &引用；清楚：两者都是“；太多了。这是正常行为还是浏览器错误？

我有以下代码：

.navigation{
背景色：#FF0000；
宽度：100px；
高度：500px；
浮动：左；
}
.内容{
背景色：#00FF00；
左边距：100px；
}
.首先{
背景色：#0000FF；
高度：100px；
宽度：100px；
浮动：左；
}
.第二{
背景色：#FF00FF；
高度：100px；
宽度：100px；
浮动：左；
}
.第三{
背景色：#FFFF00；
高度：100px；
明确：两者皆有；
}

第一
第二
第三

• clear：两者都有清除左侧和右侧
  清除：左清除左侧
  clear：对向右清除
  
  

完全地，是的-如果你清除左边，它会清除所有浮动在左边的东西

不过，有办法解决这个问题。
如果清除浮动容器内的浮动，则不会清除该容器外的浮动-请尝试浮动

.content

容器

---

本文可能对您有用：

---

一些高级读物-规范：

查看这个JSFIDLE，这是我认为您想要的：

• 您正在向左浮动导航，这样做
• 然后，您希望将content div浮动到该导航的右侧
• 为你的室内沙发设定你的高度
• 然后在所有浮动下，使用
  清除浮动元素

7年后（css技能略好：-），我找到了解决自己问题的好办法：

只要换个新的

margin-left: 100px;

与

---

这使得内容块粘在导航块上，似乎为内容块的内容创建了一个干净的板岩。

通过删除

中的“清除”似乎对我有效。第三个
是您想要的还是我误解了？对不起。我没有得到正确的JSFIDLE代码。这是正确的代码：删除清除，将div放在另两个div旁边删除
清除：第三个
的两个
，并给内容一个高度。。。我试过Firebug，成功了……我相信这正是你想要的：甚至当你再加几个机顶盒时也能成功。thx，现在我对浮动有了更好的理解。将我的JSFIDLE修改为解决方案：现在我读了你的答案，这或多或少是我7年前想要的。
float: left;