html - 为什么我的 div 被推出其容器 div？

Question

这是我的 JSFiddle . (可能需要在输出上向右滚动才能看到我丢失的元素)。

似乎有一个问题使我的 logout div 被推出其容器 div 之前。我以前遇到过这种问题，我不确定是什么原因造成的。我试过删除每个元素 header title和 <ul> , 但它似乎一直被推出它所包含的内容。

这是怎么回事？我错过了什么？

Answer 1

注销 div 转义了它的容器 div，因为它向右浮动，并且 float 从正常文档流中取出一个元素。您可以通过添加 overflow:auto

强制父级包含它

http://jsfiddle.net/7S8cu/2/

这种布局现在通常使用网格来处理，例如 Bootstrap 或 Foundation 网格，它们会为您处理基本的布局代码。