1.左右布局
左右布局可以用float 进行横向浮动 （有bug）
解决方法：clearfix:afer{
content:"";
display:block;
clear:both;
}
然后在父元素上加上class:"clearfix".
用margin-left:xx px;
margin-right:yy px;
设置元素的边框来控制布局。
2.左中右布局
左中右布局在中间元素加上position:absolute;
在父元素上加上position:relative；
同时搭配float使用即可；
3.水平居中
在块级父容器中让行内元素居中，只需使用 text-align: center;
让块级元素居中的方法就是设置 margin-left 和 margin-right 为 auto
4.垂直居中
对于单行行内或者文本元素，只需为它们添加等值的
padding-top 和 padding-bottom 就可以实现垂直居中。5.其他
以li举例
li:nth-child(even) 是选择了li中偶数的儿子
nth-child(first)是选择了li的第一个儿子
