Html Div类浏览器高度

Html Div类浏览器高度,html,css,magento,Html,Css,Magento,我们正在为我们的商店寻找一种解决方案,使div具有浏览器的高度。我们有一个bit.ly/1bR9WPO商店,在这个商店你可以看到菜单的左列(class=.leftside)。目前这个div的高度是1800px。唯一的问题是,当你向下滚动时,左边比右边长得多,如果你转到一个超过1800px的页面,它将保持这个高度。我们希望它始终是浏览器高度 希望有人能帮上忙。我想这应该可以做到: 对于主包装,添加position:absolute .wrapper { width: 1200px; positio

我们正在为我们的商店寻找一种解决方案,使div具有浏览器的高度。我们有一个bit.ly/1bR9WPO商店,在这个商店你可以看到菜单的左列(class=.leftside)。目前这个div的高度是1800px。唯一的问题是,当你向下滚动时,左边比右边长得多,如果你转到一个超过1800px的页面,它将保持这个高度。我们希望它始终是浏览器高度


希望有人能帮上忙。

我想这应该可以做到:
对于主包装,添加
position:absolute

.wrapper {
width: 1200px;
position: absolute;
}

对于左侧栏,也添加
位置:绝对
顶部:0
高度:100%

.leftside{
position: absolute;
width: 230px;
top: 0;
height: 100%;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.8);

对于页面div添加
位置:相对
左侧:250px
(左侧宽度的230px+页边空白的20px)


…我们是什么,查尔斯·泽维尔教授…没有密码或小提琴…通过大脑阅读???请发布一些代码,而不是你的网站url…@Coen尝试上面的代码可以帮助你和检查新的例子使用谷歌
.page{position: relative;
margin-top: 40px;
left: 250px;
float: left;
width: 762px;
text-align: left;
padding: 0px 20px;
background: rgb(255, 255, 255);}
body{
height:1800px;
}
.wrapper{
height:100%;
}
.leftside{
height:100%;
}
.page{
height:98%;//taking in to account your margins throught the page
}