浮動：留下容器div？

我有一個模式框，我試圖把兩列彼此旁邊，我通過分配float：left（一個div（.center-columnb）和一個float：right to .map-column）。然而，會發生什麼情況是'center-columnb'會打破灰色漸變背景的容器div，就好像這個div放在該容器div的下面一樣（注意灰色部分底部的圓形邊緣，意思是在當我刪除float：從style.css中的centercolumnb離開時，除了右邊的列不再停留在那裏之外，一切都正常了。有沒有人有任何替代方案可以幫助我？謝謝:)浮動：留下容器div？

來源

2011-08-25 pufAmuf

您有一個#contentholder的父母div，但此時它不包含其中的浮動內容。默認情況下，浮動元素將從文檔流中取出，並且任何父div都會摺疊。爲了讓它包含浮動內，你需要給它一個溢出屬性。這應該是訣竅：

#contentholder { 
    overflow: auto; 
}

來源

2011-08-25 21:00:47

是的。如果創建一個滾動條，嘗試溢出：隱藏; – Michelle

你知道嗎？你解決了我一直在思考兩天的問題。非常感謝DA，Michelle和fanfavorite :)）））））很高興現在正在工作！ – pufAmuf

另一種方法是清除問題容器的底部。對於完整的跨瀏覽器兼容解決方案，只需在關閉div之前添加：

<div style="clear:both"></div>

來源

2011-08-25 21:04:25 fanfavorite

浮動：留下容器div？

回答

相關問題