一、两列布局
1、利用BFC
<div class="left">
left
</div>
<div class="right">
right
</div>
* { padding: 0; margin: 0;}
.left{
float: left;
width: 200px;
height: 800px;
background-color: blueviolet;
}
.right{
overflow: hidden;
height: 800px;
background-color: blue;
}
2、利用绝对定位
* { padding: 0; margin: 0;}
.left{
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 800px;
background-color: blueviolet;
}
.right{
height: 800px;
background-color: blue;
margin-left: 200px;
}
二、三列布局
1、两边固定,中间自适应
(1)使用绝对定位
<div class="left">
left
</div>
<div class="center"&g