2个左右div分别设置position: absolute，当右边有多行时左边背景色没有显示到最底部，有部分是空白的

[crmserver]

        <style>
            #leftside {
                width: 200px;
                position: absolute;
                height: 100%;
                top: 0;
                left: 0;
                bottom: 0;
                background-color: #ccc;
            }

            #rightside {
                position: absolute;
                height: 100%;
                top: 0;
                left: 200px;
                right: 0;
                bottom: 0;
            }
        </style>
        <div id="leftside">
            <p>1111111111111111111111111</p>
            <p>222222222222222222</p>

        </div>
        <div id="rightside">
            <p>333333333333333</p>
            <p style="padding-top:1000px">为了省去写多行，直接用padding-top:1000px代替了</p>
        </div>

[winzond]

width和height设置100%是根据父元素的尺寸计算的，它的祖先元素中，必须至少有一个是确定的值，如果全部都是100%，那么，它是不会显示100%的。这需要编程初始化，如果随窗口大小变化而变化，还得监听窗口尺寸变化事件

[winzond]

引用 1 楼 winzond 的回复:

width和height设置100%是根据父元素的尺寸计算的，它的祖先元素中，必须至少有一个是确定的值，如果全部都是100%，那么，它是不会显示100%的。这需要编程初始化，如果随窗口大小变化而变化，还得监听窗口尺寸变化事件

我是说你总想占满浏览器需要编程初始化，如果不需要占满，你可以设置一个固定值

[crmserver]

添加父元素也不行 html,body{position:relative;height:100%}， 编程初始化是不是用js去判断高度

[winzond]

引用 3 楼 crmserver 的回复:

添加父元素也不行 html,body{position:relative;height:100%}， 编程初始化是不是用js去判断高度

100%不是确定值！必须要确定！500px这样，确定的！所有祖先元素没有一个是确定的，它就会失效！前端基本上是用JS编程的