右div固定左div可滚动,如何使其高度100%

时间:2014-01-17 20:59:41

标签: css html

我把div固定了,右边div可以滚动。我已经在右边的div上应用了高度:100%,但是它不起作用,我做了div黄色的背景,当我滚动它消失时,就像它不会像它应该延伸一样。 这是我的代码:

#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 个答案:

答案 0 :(得分: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)