多列布局

2列布局---看第二点（不错）

处理两列布局右边clear：both换行的问题

.left{
    float: left; width: 100px;
    position: relative; /*提升左边的层级*/
}
.right-fix{
    float: right; width: 100%;
    margin-left: -100px;/*处理右边掉下来的情况*/
}
.right{
    margin-left: 120px;
}

<div class="parent">
    <div class="left">left</div>
    <!-- html部分在这个地方进行了添加，使用right-fix把原有结构包裹住了 -->
    <div class="right-fix">
        <div class="right">
           right          
        </div>
    </div>
</div>

 

 

 

八种创建等高列布局

 

CSS布局——左定宽度右自适应宽度并且等高布局

 

CSS多列布局

 

CSS中两栏布局，三栏布局，等高布局