三列布局
# 三列布局
# 方式一
三个内容全部浮动
<div class="aside-left">
</div>
<div class="main">
</div>
<div class="aside-right">
</div>
1
2
3
4
5
6
2
3
4
5
6
# 方式二
左右浮动 中间正常显示 但显示在最后
<div class="aside-left">
</div>
<div class="aside-right">
</div>
<div class="main">
</div>
1
2
3
4
5
6
2
3
4
5
6
# 方式三
通过定位来布局
# 方式四
利用浮动和负边距来显示
<div class="main">
<div class="main-inner"></div>
</div>
<div class="aside-left">
</div>
<div class="aside-right">
</div>
1
2
3
4
5
6
7
2
3
4
5
6
7