基于内置浮动元素设置div的大小

我正在构建一个小的html网页。在我的网页上我有一个div，里面有一个浮动div。我想让我的包装div的高度与我的浮动div相似。这怎么能在css \ html中完成？基于内置浮动元素设置div的大小

谢谢

来源

2011-06-02 vondip

从你的问题，我猜问题是，你的含有div看起来是这样的：

http://jsfiddle.net/RkHa4/ - 这不是延伸到float版div的height。

解决方案是"clear your floats"。

一个简单的方法来做到这一点是应用overflow: hidden您含有div，像这样：

http://jsfiddle.net/RkHa4/1/

来源

2011-06-02 23:43:56 thirtydot

非常感谢。我不完全确定溢出与此有什么关系。 – vondip 2011-06-03 05:21:11

请参阅[1]（http://stackoverflow.com/questions/4910075/why-overflow-hidden-clears-a-float）然后[2]（http://stackoverflow.com/questions/6196725/how-确实最CSS-块格式化上下文工作/ 6199172＃6199172）。 – thirtydot 2011-06-03 08:25:18

Thirtydot是正确的，你应该清楚你的花车，但我会建议您使用clearfix方法代替。使用overflow:hidden将导致超出容器边界的CSS属性出现意想不到的问题。

CSS overflow issue

来源

2011-06-02 23:58:16

在绝大多数情况下，我倾向于使用'overflow：hidden'，并且只有在必须时才使用'clearfix'。 'clearfix'的一个（次要的）缺点是你必须在你的HTML上粘贴一个比语义'class =“clearfix”更少的语言。相关：http://stackoverflow.com/questions/5565668/in-2011-is-there-any-need-for-clearfix – thirtydot 2011-06-03 00:05:59

不要误解我的意思，我也使用'overflow：hidden'。查看http://fordinteractive.com/2009/12/goodbye-overflow-clearing-hack/。随着CSS3变得越来越普遍，clearfix不会导致问题溢出。简单地使它更加兼容未来。 – 2011-06-03 00:32:24

基于内置浮动元素设置div的大小

回答

相关问题