2013-02-07 146 views
1

1)I具有最小高度一個div.full:100%(HTML,體是100%的高度)div嵌套不填充母體分度,最小高度100%

2)嵌套在我有具有固定背景圖案的div.pattern(覆蓋圖)

3)並再次嵌套一些內容。

我似乎無法使div.pattern填充整個父級(如果內容的高度很小)。 優先考慮我想避免js來解決這個問題。

我不能讓jsfiddle工作。稍後會嘗試用口水。

+0

請問您的背景屏幕的大小,或是否有重複-X或重複 - X屬性? – Sean

+1

你可以發佈你的代碼嗎? – Scott

+0

背景是屏幕no-repeat的大小(background-size:cover)。 @Scott我會在稍後發佈代碼,如果需要的話。正確的問題似乎在下面找到。 – knalle

回答

1

而是使用height: 100%代替min-height和在二者div.full和div.pattern

+1

是啊,這是有道理的機器人如果內容需要比瀏覽器高度更高的高度? – knalle

7

一個元素只能得到設定爲%的高度/寬度值,當也被定義父的高度指定此。 在你的情況,父母只有一個最小高度,什麼不是絕對高度定義。您必須明確設置高度以獲得嵌套div的100%高度。

+0

有道理:)謝謝。 – knalle

+0

但我必須弄清楚如果內容(如今的高度:100%)較大,如果內容的高度超過瀏覽器中的可用高度,那麼誰能讓父div更大。 – knalle

+0

@knalle你可以爲此做一個代碼示例,確保我們談論同樣的事情? –