2010-11-24 65 views
1

我創建100%高度 HTML創建的div高度100%,但網頁滾動條不應該出現

<div id="BottomShelf"></div> 

CSS股利

#BottomShelf{ position:absolute; top:400px; left:0px; width:100%; height:100%;; background:#d4b7a0; z-index:1;} 

沒有顯示出來的頁面滾動該頁面,但我需要一個頁面滾動(不是div滾動),只有當有內容。身高:汽車也沒有辦法。

我需要div來使瀏覽器的高度與顯示器的高度無關。

回答

2

嘗試設置的top: 400px; bottom: 0;代替top: 400px; height: 100%;

編輯:注意,這可能不工作在IE6(不知道IE7)

+1

它適用於IE9,不知道版本8,7,6。反正IE不是開發的重點:)謝謝............. – X10nD 2010-11-24 10:54:06

0

你有tryd溢出:隱藏; CSS樣式屬性?

對不起,它溢出了:隱藏;

+0

`overflow:none;`不存在。我認爲你想寫的是'overflow:hidden;` - 同樣,這不符合第二個要求(如果有足夠的內容顯示滾動條) – oezi 2010-11-24 10:44:32

1

body標籤有一些默認的餘量,所以如果你需要一個div採取地方作爲體,首先將機身風格:margin: 0;

我試圖創建具有以下樣式的DIV,它似乎做你想做什麼:如果內容超過高度

height: 100%; 
overflow: auto; 

overflow: auto會給DIV垂直滾動條。