CSS屬性「清除」葉

我只是用這種性質的一個div浮動後清除面積巨大的空白：CSS屬性「清除」葉

.clear { 
clear:both; 
}

但是，我看到它是造成大的空間，我格式化，我不知道如何擺脫它。你認爲可能會發生什麼？

謝謝！

來源

2011-04-16 mtay

您需要設置一個樣本頁面並將其鏈接到此處。最有可能的是，其上的一個容器有一個邊距/填充 – JohnP 2011-04-16 06:38:43

這是目前的形式無法回答的。正如人們指出的，需要更多的HTML – 2011-04-16 07:24:31

編寫html代碼 – 2011-04-16 07:59:42

嘗試使用行高，它應該解決問題。

難道只能在IE上發生的事情，如果這樣加線高度

做這樣的事情

.clear { 
     clear: both; 
     height: 0px; 
     overflow: hidden; 
    }

來源

2011-04-16 07:09:28 kobe

沒有解決我的問題... – 2011-07-12 17:19:03

@DiegoJancic然後檢查[this]（http://stackoverflow.com/questions/7166716/unexplained-white -space-當-使用-clearboth）。 SO上似乎有許多類似的問題。 :)我鏈接的一個爲我工作。 – 2012-04-04 08:21:08

我只想套用clear: both屬性到下一個內容元素（即DIV），而不是創建一個空的div（我假設你正在做）。

演示：http://jsfiddle.net/wdm954/ArDhF/1/

來源

2011-04-16 07:15:15 wdm

萬一別人運行到這個問題，解決的辦法是把它添加到組的母公司;這是導致問題的元素：

<div style="overflow: auto"> 
    <div style="float: right">Testing</div> 
    <div style="clear: both"></div> 
</div>

來源

2012-08-28 17:31:51 John

我有幾個小左側漂浮桌旁邊對方有同樣的問題自動

即：：

溢出。清晰的div之後沒有任何高度，填充或邊距，佔用了大量的空白空間。

解決方案：將所有表格封裝在div中，然後將overflow-hidden分配給該div，並且（這很重要）爲height的值。

E.g.

.tablecontainer { 
    height: 70px; 
    overflow: hidden; 
}

來源

2015-11-20 12:15:23

CSS屬性「清除」葉

回答

相關問題