如何使用CSS

我一直在努力解決這個問題自動調整包裝DIV ..如何使用CSS

有一個包裝DIV，它包含了全文， 3周垂直柱的div與此包裝div有紅背景顏色，以便它可以作爲整個文本的背景。

<div id="content_wrapper"> 

    <div id="cside_a"> 
     // massive texts goes here 
    </div> 

    ... // two more columns go here. 

</div>

這裏是他們的CSS代碼。

#content_wrapper 
{ 
background-color:#DB0A00; 
background-repeat:no-repeat; 
min-height:400px; 
} 
#cside_a, #cside_b, #cside_c 
{ 
float: left; 
width: 33%; 
}

而這個代碼給我只覆蓋400像素高度框背景.. 我的期望是包裝DIV自動調整取決於大小在它的div的。

不知何故將「溢出：隱藏」與包裝CSS代碼使一切工作正常。

我不知道爲什麼「溢出：隱藏」的作品..不應該這個隱藏所有溢出的文本..？

誰能解釋一下我爲什麼？反正它是正確的方法嗎？

來源

2010-04-08 Phrixus

溢出：汽車工程。「可見的」不工作.. :(怎麼在這裏上 – Phrixus 2010-04-08 08:09:47

你的問題是事實，你列的浮動造成的。看看「Clearfix」

來源

2010-04-08 08:10:20

阿這篇文章給了我重要的東西來研究謝謝 – Phrixus 2010-04-08 08:14:43

你需要清除浮動。在第三欄後添加以下內容。

<div class="clear"></div>

，這對你的CSS

.clear {clear:both;float:none;}

來源

2010-04-08 08:12:11 calumbrodie

謝謝您的幫助：？！！！） – Phrixus 2010-04-08 08:15:45

這是可行的，但需要額外的標記。不是我最喜歡的解決方案，演示文稿應該是（並且保留）CSS的東西。 – 2010-04-08 08:21:03

理想情況下，我會使用高級CSS選擇器來清除浮動，但在IE6中不兼容。這也不是我最喜歡的解決方案 - 但它是跨瀏覽器兼容的。 – calumbrodie 2010-04-08 08:37:25

如何使用CSS

回答

相關問題