CSS內容溢出框IE <6

我有一個保存一些文本的div，它有一個邊框的背景，但由於某種原因，該框沒有擴展到文本，即使溢出：auto;這裏是我的箱子以及圖片的腳本：CSS內容溢出框IE <6

.box {background：#ffdcba; border：1px solid＃f78d25;顯示：塊;明確：兩者; margin：4px 0px; padding-left：15px;溢出：自動; }

裏面的div只是浮動，左和右，並顯示：內聯他們。繼承人的圖片：

http://i45.tinypic.com/2woj1br.gif

來源

2010-02-17 john morris

一個浮動框不會擴大，以適應其內容。您需要在內容後添加清除元素。 <br>通常很好。

來源

2010-02-17 03:31:39 Ray

你沒有指定的HTML的確切結構，但我的「M asssuming你有這樣的事情：

<div class="box"> 
    <div style="float: left">test subject></div> 
    <div style="float: right"> 
     <div>ASD</div> 
     etc... 
    </div> 
</div>

浮動元素從常規流刪除它們，並會導致」溢出「你看到你需要添加浮動部分低於非浮動元素，迫使含有div.box‘擴大’包含花車：

<div class="box"> 
    <div style="blah blah" .... 
    etc.... 
    <br style="clear: both" /> 
    </div>

同樣，overflow: auto不會有任何影響你的.box風格，因爲它沒有指定任何高度或寬度 - 它自然會展開以包含您放入的任何內容。要強制顯示滾動條，您需要輸入height或width樣式，以及足夠的內容以超出任一限制。

來源

2010-02-17 03:42:02

CSS內容溢出框IE <6

回答

相關問題