2012-12-05 15 views
3

我正在嘗試爲SMF論壇軟件製作2列響應主題。我想在右側貼上一個專欄,以擴大其父母的身高。僅限元素擴展100%的視口,而不是父

我現在的問題是我的浮動邊欄僅擴展到視口的高度,而不是父元素。我有辦法做到這一點?

我有100%的html,身高,父母身高和側邊欄高度。但是,它只擴展到視口,而不是父元素。

活生生的例子: http://xarcms.com/index.php?theme=3

+0

你所說的「浮動工具條擴展只對視,沒有父元素的高度」是什麼意思?父元素是設置爲高度的包裝器:100%。所以視口和父元素是一樣的?如果我刪除邊欄上的填充(所以,填充:0爲#側部分),我可以向左或向右漂浮,頁面看起來很好。 – tjklemz

回答

2

另一種解決方案:

html{ 
    min-height: 100%; //insted of height 
} 

#wrapper{ 
    position: relative; 
} 

#side-section{ 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    top: 0; 
    width: 20%; 
} 
+0

是「bottom:0」和「top:0」一起語義和適當? – Xarcell

+0

當然,爲什麼不呢?即使'left:0;正確:0; top:0;底部:0;'沒問題。 –

+0

我試過了,它沒有工作。但是,該元素只擴展視口的高度,而不是父元素。 – Xarcell

相關問題