100％高度溢出的容器div

Question

http://jsfiddle.net/GJBEm/

我有一个.video div，其高度和宽度设置为100％。但是目前，.video div的高度'溢出'包含它的.stream div（似乎它增加了.top div的高度）。

为了澄清，我试图让.video div'填充'.stream div，没有任何重叠/溢出。

有什么想法吗？

感谢。

编辑： 通过使.top div float：left并将其宽度设置为100％解决了这个问题。删除.top div上的填充，而是直接将padding添加到paragraph元素，最后从.video div中删除float：left。 http://jsfiddle.net/pyQMb/

Answer 1

如果您有浮动问题，我建议您查看clearfix：

http://www.webtoolkit.info/css-clearfix.html

添加class =＆＃34; clearfix＆＃34;到任何浮动元素的父元素。

如果没有用css将高度固定到绝对值，可能会有效。

Answer 2

我不是100％确定你想要完成什么，但我假设你希望.video div在.stream div内，而不是溢出它。如果是这种情况，请将overflow: hidden;添加到您的.stream类中。

.stream {
    position: absolute;
    left: 100px;
    top: 100px;
    border: 1px solid #333333;
    width: 400px;
    height: 300px;
    color: #FFFFFF;
    overflow: hidden;
}

如果这不是您想要完成的任务，请在您的问题中添加您想要完成的内容。