有滚动条时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%;更不行了。