如何使用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

回答

相关问题