在div上設置CSS 100％高度

我有一個div，我試圖將高度設置爲100％，所以它的內容使得div變得合適。在div上設置CSS 100％高度

我試過以下，它不會工作：

增加100％：

#latest{ height: 100%; background: #e3e3e3 url(banner_grad.jpg) repeat-x; border: none; margin-top: 10px;}

留下具有身高設定好，所以在div將只適合內容：

#latest{ background: #e3e3e3 url(banner_grad.jpg) repeat-x; border: none; margin-top: 10px;}

除非我設置一個特定的高度（例如高度：370px;）那麼div會甚至沒有在Dreamweaver的設計視圖中顯示它的輪廓。很奇怪。

任何想法？

感謝

來源

2011-10-24 Tim

height屬性將here.But糾正這種使用以下代碼。如果去添加內容股利也將增加高度來代替。

#largest { 
    background: url("firefox-gray.jpg") repeat-x scroll 0 0 #E3E3E3; 
    border: medium none; 
    margin-top: 10px; 
    overflow: auto; 
}

來源

2011-10-24 10:21:18 kapillohakare

可惜你不能設置的div的高度爲百分比，主要是由於內容往往使div的向下生長，所以你會限制自己。

雖然看看最低高度的CSS屬性。我認爲，這將對問題進行排序。

來源

2011-10-24 10:10:21

可能是你必須這樣寫：

html, body{ 
height:100% 
} 

#latest{ 
height: 100%; 
background: #e3e3e3 url(banner_grad.jpg) repeat-x; 
border: none; 
margin-top: 10px; 
}

來源

2011-10-24 10:11:48 sandeep

是否div的內容有一個「浮動：左」或「浮動：權利」屬性？

來源

2011-10-24 10:13:48

html, body{ 
    height:100% 
} 

div{height: 50%}

我不知道這個瀏覽器的兼容性，所以你可能需要測試它。

http://jsfiddle.net/ZKZFa/

來源

2011-10-24 10:15:59

在div上設置CSS 100％高度

回答

相關問題