1、两栏
=>
=>left box
自适应
=>right box 固定
1.1、左侧宽度固定,右侧自适应
方式一、float+margin
方式二、float+overflow
方式三、float+position
方式四、flex
2、三栏
两边固定中间自适应
方式一、float+margin
固定
ssss
ddddd
%.wrapper .left{
<span style="color: #0000ff">float<span style="color: #000000">: left;
width: 200px;
background-<span style="color: #000000">color: #5cb85c;
}
.wrapper .right{
<span style="color: #0000ff">float<span style="color: #000000">: right;
width: 100px;
background-<span style="color: #000000">color: #66afe9;
}
.wrapper .middle{
margin: <span style="color: #800080">0 110px <span style="color: #800080">0<span style="color: #000000"> 230px;
background-<span style="color: #000000">color: #A3AEFF;
}