相关疑难解决方法(0)

我对网页的一个常见问题是浮动div在其容器外蔓延.

#wrapper{
    border:1px solid red;
}

#wrapper div{
    float:left;
    font-size: 3em;
}
...
<div id="wrapper">
    <div>Hello World</div>
</div>

实例:http://jsfiddle.net/ugUVa/1/

有很多肮脏的方法来解决这个问题(插入一个明确的div:两者)

我看到的一个更简洁的解决方案是将包装器divs溢出样式设置为隐藏:

示例:http://jsfiddle.net/ugUVa/2/

这适用于各种浏览器,非常干净,没有额外的标记.我很高兴,但我不知道为什么它有效!

我查看的所有文档都表明溢出:隐藏是隐藏内容,而不是调整父级的大小以适应其子级...

有人可以为这种行为提供解释吗？

谢谢

有没有办法让两个div彼此相邻放置,以便:

• 外部div的宽度未知
• 最右边的div使其宽度达到其内容(缩小到适合)
• 最左边的div填充剩余的空间

我看到Paul D. Waite几乎在这里剪了它: xHTML/CSS:如何使内部div获得100%宽度减去另一个div宽度

在我的情况下,两个内部div需要切换位置,我只是不能削减它.

有任何想法吗？