1. 首頁
  2. 問答
  3. 100％div div

100％div div

2011-02-09 52 views
4

我有一個#main div，我想在頁眉和頁腳之間沒有內容時填充頁面。當有內容時，它應該將粘性頁腳向下推，這是它的作用。100％div div

CSS：

#main { 
background: transparent url("images/main-content.png") top right repeat-y; 
clear: both; 
overflow: hidden; 
margin-top: -10px; 
height: 100%; 
min-height: 100%; 
}

我不知道爲什麼，這是行不通的。 #main繼承自#wrapper和body，所以我認爲設置100％的高度和100％的最小高度是可行的。

網站：

http://www.dentistrywithsmiles.com

預先感謝本您的幫助。

來源

2011-02-09 blackessej

回答

1

就是這樣height: auto !important;你的CSS文件的一行146附近。

它覆蓋了你的包裝的100％高度，這不會讓你的主div增長。由於你的頁腳有一個不變的高度，因此我會嘗試向包裝添加一個填充以使主內容div不會進入頁腳，這就是當你開啓height: auto !important;時發生的情況。

來源

2011-02-09 22:02:43 Blender

+0

Thanks @Blender - 你可以舉一個你要添加的填充的例子嗎？如果我將填充添加到`＃wrapper`的底部，它會將我的頁腳向下推，並且我希望它保持粘性。 – blackessej 2011-02-09 22:24:05

1

將display:inline-block加到#main（或#wrapper，取決於你想要做什麼）。 display:block（默認情況下爲div或p標記）的項目具有100％的寬度和高度，可根據內容進行調整。

來源

2011-02-09 22:10:21

相關問題

 相關問題