2012-11-11 107 views
3

我有一個關於嵌套的div和高度繼承的基本問題。比方說,我有以下的HTML的這段:爲什麼不是我的嵌套Div繼承父高度?

... 
<div style="height: 50px;"> 
    <div style="height: inherit;"> 
    </div> 
</div> 
... 

,我覺得只是通過內部DIV將具有相同的高度(像素),作爲外一個,但是當我測試它不是繼承了高度的檢查。

首先,父母/子女之間的關係是由一個嵌套在另一個內定義的divs嗎?接下來,我需要做些什麼來使內部div繼承外部div?

對不起,這個基本問題的傢伙。我在這裏運行的煙霧一直在工作(在其他事情上花了幾個小時,我不得不切換到這個)。請不要問我這樣一個愚蠢的問題。 :)

謝謝!

回答

5

如果您不能inherit高度父div使用height: 100%;inner DIV

Demo

而且順便說一句你的DIV不會繼承的高度,它只是,如果你想看到給它一個background-color或一個border,你會看到內部的div繼承了它高度的父DIV

Demo 2

+1

OMG是這麼簡單嗎? :)現在測試它,謝謝! –

+0

哇,我現在覺得很蠢。 :) 再次感謝。 –

+0

@JanTacci yap,看看演示 –

相關問題