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

回答

相关问题