摘要： html代码：左边栏右边栏主内容方法一：利用绝对定位方法(不推荐)css部分：body{margin:0;padding:0;height:100%;}#left,#right{position:absolute;top:0;width:220px;height:100%;background:pink;}#left{left:0;}#right{right:0;}#main{margin:0230px;height:100%;}这种方法是最简单，也是麻烦最多的，如果中间栏含有最小宽度限制，或是含有宽度的内部元素，当浏览器宽度小到一定程度，会发生层重叠的情况。方法二：采用的是浮动布局css部分 阅读全文