有滚动条时div高度不能充满屏幕_html/css_WEB-ITnose

浏览器 CSS 布局 HTML

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的高度还是浏览器可见区域的高度，高出的区域不会被填充。
请各位指点指点。

回复讨论(解决方案)

其实我感觉你需要的是这样的：
http://bbs.blueidea.com/thread-2818595-1-1.html

把height:100%;去掉试试？

回1楼，我要的不是b/s软件架构那种，我要的是有一个全局滚动条的。更像http://www.36kr.com/这种布局。

去掉height:100%;更不行了。