2014-01-17 145 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