CSS内容出厂时溢出IE <6

Question

我有一个包含一些文本的div，它有一个带边框的背景，但由于某种原因，即使使用overflow: auto，框也无法扩展到文本；以下是我的框脚本以及一张图片：

.box {背景：#ffdcba；边框: 1px实体#f78d25；显示:块；清除:两者；边距: 4px 0px；padding: 15px；overflow:自动；}

内部的div是浮动的，左右浮动的，上面有display: inline。下面是一张图片：

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

Answer 1

浮动框不会扩展以适应其内容。您需要在您的内容之后添加一个清除元素。<br>通常是好的。

Answer 2

YOu并没有指定这个超文本标记语言的确切结构，但是我想你已经得到了类似这样的东西：

<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样式，并且要有足够的内容超过这两个限制。