css代码
html,body{
height: 100%;
margin: 0;
overflow-y: hidden;
}
.left{
position: absolute;
left: 0;
right: 0;
width: 300px;
height: 100%;
background: red;
}
.right{
height: 100%;
margin-left: 300px;
background: orange;
}
html代码
<div class = 'left'></div>
<div class = 'right'></div>
两栏布局比较实用
一栏为固定的宽度,另一栏的宽度会随着浏览器大小而改变