爲什麼我的div被推出它的容器div？

這是我的JSFiddle。（可能需要在輸出上向右滾動以查看我缺少的元素）。爲什麼我的div被推出它的容器div？

似乎有一個問題，這使得我的logout div被推出它的容器div之前。我以前遇到過這種問題，我不確定是什麼原因造成的。我試圖刪除每個元素headertitle和<ul>，但它似乎一直被排除在其中。

這是怎麼回事？我錯過了什麼？

2014-02-20 k4kuz0

檢查我的[的jsfiddle（http://jsfiddle.net/7S8cu/4/）。我在你的CSS中改變了一些東西。 –

@ShreshttBhatt謝謝你，但你能告訴我你變了嗎？這裏有一些CSS。 – k4kuz0

註銷div轉義其容器div，因爲它正確地浮動，並且float從正常的文檔流中取出一個元素。您可以強制父加入overflow:auto

這種佈局，一般常採用網格時下處理，如引導或基礎網格，該照顧的基本佈局代碼爲您包含它。

2014-02-20 09:08:38 mikel

謝謝，我可以看到小提琴的工作，但我看不到你在哪裏添加'overflow：auto'？ – k4kuz0

此CSS添加到object ul

ul li是嵌段elementes並默認其取100％的寬度。所以u需要設置寬度和浮到elememt

.objects ul{ 
    padding-top: 10px; 
    margin-left: 100px; 
    diplay:inline-block; 
    float:left; 

}

這裏是demo

2014-02-20 09:16:02

回答