2014-01-17 186 views
-2

我已經離開div固定,並正確的div可滾動。我已經在右側div上應用了高度:100%,但它不起作用,我製作了div黃色的背景,當我滾動它時,它就消失了,就像它沒有像應該那樣延伸。 這裏是我的代碼:右div固定左div可滾動,如何使其高度100%

#levi{ 
width:25%; 
height:100%; 
background-color:#f98765; 
position:fixed; 
left:0; 
float:left; 

} 

#desni{ 
background-color:yellow; 
left:25%; 
height:100%; 
position:absolute; 
left:value; 
float:left; 
} 
+1

你也應該顯示HTML,所以我們可以理解的結構。 – Digger

+0

請在jsfiddle.net或其他測試網站上提交示例,並將鏈接添加到您的問題中。就目前而言,如果不猜測頁面的其餘部分是如何佈置的,我們就無法回答這個問題。 – CJdriver

+0

對不起,這裏是jsfiddle代碼http://jsfiddle.net/RBHXE/ – user3173457

回答

0

一種方法是設置你的右列的背景色上<body>標籤。這樣,背景顏色將顯示爲始終覆蓋滾動區域的整個高度。

這通常被稱爲"faux columns"

body { 
    background-color:yellow; 
    margin:0; 
} 
#levi { 
    width:25%; 
    height:100%; 
    background-color:#f98765; 
    position:fixed; 
} 
#desni { 
    position:absolute; 
    left:25%; 
} 

Working Example (jsFiddle)

Updated Working Example (with OPs posted HTML structure)

+0

沒有看到更新的代碼,這對我有用,謝謝! :) – user3173457

+0

我剛纔看到,現在我的對象slajd和obj重疊其他時,我調整窗口,你能幫我嗎? :D – user3173457

+0

我沒有看到它們重疊..但是這個問題可能是由於在這些元素上使用了固定的像素寬度。如果您調整小於650px的窗口大小,div#slajd不適合。 – showdev