CSS浮动div在另一个div

我有一个div浮动到左边，另一个浮动到右边包括浮动div的主要div没有达到页面底部和代码示例是：CSS浮动div在另一个div

<div style=" width: 900px; height:auto; margin:5px auto; background:#666; "> 
    <div style="float:left;"> 
    Some content! Some content! Some content! 
    </div> 
    <div style="float:right;"> 
    Some content! Some content! Some content! 
    </div> 
</div>

什么问题？

来源

2013-03-29 IMEzzat

高度没有设置，它被设置为自动。 –

dupe：http://stackoverflow.com/questions/2062258/floating-stuff-within-a-div-floats-outside-of-div-why – Ryan

当计算父元素的高度时，浮动元素的高度不会被考虑。您应该查看CSS属性clear。在这种情况下，使用CSS clear: both的第三个分区将帮助您实现所需的结果。

但是，你应该退一步考虑你在做什么。如果你只有这两个div彼此相邻，并且没有其他的盒子元素，你可能不需要同时浮动这两个元素。

来源

2013-03-29 22:01:17 jonesbp

非常感谢“ Matyas Chomicki“和”jonesbp“的答案>> – IMEzzat

感谢您的时间兄弟.. :) – IMEzzat

如果您不将clearfix应用于容器，则具有浮动元素的容器div将忽略其子元素的高度。

来源

2013-03-29 21:59:44

非常感谢答案，它的工作:) – IMEzzat

CSS浮动div在另一个div

回答

相关问题