CSS设置DIV高度百分之百及后台系统界面布局

html,body{
    height: 100%;margin: 0;padding: 0;
}

<div style="width: 220px;background:#0a6aa1;height: 100%;float:left;"></div>
<div style="margin-left: 230px;background:#ff66cc;height: 100%;padding-top:50px;overflow:auto;color:#ffffff;"></div>

要实现最外层div高度为100%（百分之百），关键对html和body要设置高度100%,如果只设置html和body标签其中一个高100%，也是无法实现body内第一个盒子高度100%的。但犹豫body默认有一定margin值，但设置body高度height 100%后，浏览器就会出现滚动条，所以可以对body设置margin为零，去除间距实现div height 100%也无滚动条效果。