100％高度溢出div容器

我有高度的。视频股利和宽度设定为100％。但目前，.video div的高度“溢出”包含它的.stream div（它似乎增加了.top div的高度）。

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

任何想法？

谢谢。

编辑：解决它的.top div float：left并将其宽度设置为100％。除去.top div上的填充，并将填充直接添加到段落元素，最后从.video div中删除float：left。 http://jsfiddle.net/pyQMb/

来源

2012-01-06 Nick

为什么'float：left;'？ – home 2012-01-06 19:21:14

外部容器是否有填充？你能提供一些代码吗？ – 2012-01-06 19:21:30

该代码在链接:) – Nick 2012-01-06 20:07:33

如果您浮动的问题，我建议你看一看clearfix：

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

要为父元素添加类=“clearfix”任何浮动元素。

如果不是将高度固定为一个绝对值与CSS可能会伎俩。

来源

2012-01-06 19:34:17

流div可以调整大小，所以div的高度不同。 – Nick 2012-01-06 20:07:05

我不是100％确定你想要完成什么，但是我假设你想0123'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; 
}

如果这不是你想要完成的，请添加你想要在你的问题中完成的事情。

来源

2012-01-06 19:38:08 Robert

不，这不是我所追求的。我试图让.video div来填充.stream div。 – Nick 2012-01-06 20:04:41

目前，它是重叠的。这不是我想要的。隐藏溢出并不能解决问题。 – Nick 2012-01-06 20:05:55

请更新您的预期结果应该是什么时候的问题。 – Robert 2012-01-06 20:14:38

100％高度溢出div容器

回答

相关问题