有滚动条时div高度不能充满屏幕
css布局 ,页面分为左右两块,左边固定不动,右侧高度任意。右侧最外层一个div(div_all_right),里边分头、内容、页脚。
html,body
{
height:100%;
}
#div_all_right {
background: url("../images/Layout/content_bg.png");
box-shadow: 5px 5px 5px 5px silver;
background-attachment:scroll;
background-position:0px;
background-size:auto;
background-origin:padding-box;
background-clip:border-box;
margin: 0px 38px 20px 238px;
padding: 10px;
width: auto;
height:100%;
}
问题是:
当整个窗口出现滚动条时,希望#div_all_right的高度应该是整个滚动区域的高。
但#div_all_right的高度还是浏览器可见区域的高度,高出的区域不会被填充。
请各位指点指点。
浏览器
CSS
布局
HTML
------解决方案--------------------其实我感觉你需要的是这样的:
http://bbs.blueidea.com/thread-2818595-1-1.html
------解决方案--------------------把height:100%;去掉试试?