2014-10-27 87 views
2

我有一個元素(表示爲旁邊),我需要跨越頁面的整個高度。但是,「身高100%」的高度看起來是無效的。100%高度的浮動元素

這裏是小提琴:http://jsfiddle.net/h18ctmfq/

aside{ 
     width:300px; 
     float:left; 
     background-color:#808080; 
     height:100%; 
    } 
+2

是你的身體,HTML設置爲100%的高度? – 2014-10-27 15:19:42

+0

[Make div 100%height of browser window]可能的重複(http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window) – 2014-10-27 15:25:15

回答

2

添加此

html { 
    height: 100%; 
} 

JSiddle Demo

+0

我只是在回答:P + 1 – 2014-10-27 15:21:46

+0

我從來沒有使用過HTML作爲選擇器,在小提琴中工作,但在我的實際文件中沒有。它只是在HTML和Body標籤中聲明的高度和寬度? – user3576711 2014-10-27 15:22:56

+0

@ user3576711然後看起來可能有其他影響元素的東西。如果是這樣,我們需要更多信息。 – 2014-10-27 15:24:09