一、float实现
html结构:
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
css:
.left,.right{
width: 200px;
height: 300px;
background-color: red;
}
.left{
float: left;
}
.right{
float: right;
}
.center{
margin: 0 210px;
height: 300px;
background-color: blue;
}
这种实现受外界影响小,但是对html结构有要求(center必须放在最后,left与right则无所谓),当界面缩小到一定程度时,right会被挤到下一行
二、position实现
html结构:
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
css:</