6

注意：我还在学习 CSS 和 HTML，所以如果这个问题看起来很“无聊”——那是因为它确实如此。如果你能提供一个例子，或者一篇针对我的问题的文章，那就太好了。

我创建了一个 div（“背景”），其中包含两个 div（“左”和“右”）。

我希望根据“左”和“右” div 中的内容量来扩展或收缩“背景” div 的高度。

#background {
width:100%;
height:15em;
background-color:#FFF;
box-shadow: 0 0 5px #888;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
clear:both;
}

我目前将“背景” div 的高度设置为 15em，因为我不确定如何使其扩展或收缩。我尝试将其设置为“100%”和“自动”，但这些只会让“背景”div 消失。

这是我的整个 HTML 和 CSS 代码：http: //jsfiddle.net/jueRh/

4

2 回答 2

4

设置overflow: hidden;和#background删除height:15em;声明。

演示：http: //jsfiddle.net/sonic1980/jueRh/1/

于 2012-12-06T20:18:53.507 回答
1

如果您的容器div没有height值，它将成为其内容的可扩展容器。

如果您仍然希望您div有一定的高度，但扩展溢出的内容，您可以使用min-height. 另请注意，此链接min-height中仅受同等或以上登记的浏览器支持。

编辑：但是，如果您将在容器内使用floated ，则必须使用float 才能正确渲染。您也可以使用替代方案，然后您可以跳过ing，但这也是支持有限的。divcleardisplay:inline-blockfloatclear

于 2012-12-06T20:14:17.160 回答