div高度：100％包裝內容

爲什麼我的div只基於其內容的顏色？這是下面代碼中按鈕的高度。div只是包裝它的內容。div高度：100％包裝內容

我的div元素是

<div id="test"> 
<button>testing</button? 
</div>

和在CSS

#test{ 
background-color:#666; 
width:100%; 
height:100%; 
}

我將高度設置爲100％，但是該元件的它只顏色的高度，該高度是button.how我可以着色整個網站的高度？最好的辦法是什麼？

2014-01-30 the bosxcz

可能重複http://stackoverflow.com/questions/16642866/height-percentage-not-working -css） –

爲了使任何元素適合height:100%，HTML和車身高度應設置爲100％

body, html{ 
    height:100% 
}

2014-01-30 06:53:44 Sowmya

如果將高度設置爲100％，內容增長超過視口高度的100％會發生什麼。內容溢出而沒有背景。 –

如果你有顏色整個網站就可以直接應用CSS以body或html標記。

body, html { 
    min-height: 100%; 
    background-color:#666; 
}

2014-01-30 06:54:57

是的，因爲div的高度被按鈕佔用。

所以總是以低於CSS覆蓋瀏覽器

body, html { 
    width: 100%; 
    height: 100%; 
}

[身高比例不工作的CSS（中

2014-01-30 06:57:02 Praveen

我將身體的高度設置爲100％後？我只需要爲1格的整個高度着色。 –

@KerPPag這就是我試圖說的，子元素繼承了父元素的寬度。所以'body的高度和寬度== div的高度和寬度（#text）'如果你想設置div的顏色然後像這個小提琴一樣分配http://jsfiddle.net/praveen_jegan/GVZn6/ – Praveen

謝謝我試了一下，它的工作原理。但如果我但如果我把它放到另一個網站的高度變長。像

如果我做高度100％，它會變得更長。 –

回答