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容器

回答

相關問題