css的布局

1.css实线左右布局

使用float，在子元素中分别加入float，使其子元素脱离父元素的文档流，left是向左放置，right是向右放置。

需要注意的是要在父元素加一个clearfix清除浮动。

2.css实现左中右
用box-sizing设置为border-box，然后配合padding，给左右留固定的宽度即可。
举例说明：

左边

中间

右边

3.css水平居中
设置固定宽度width，然后margin左右的宽度设置为auto。

4.css垂直居中
可以给父元素添加一个伪元素before
举例：
：：before{
content： ";
display:inline-block;
vertical-align:middle;
height:100%;
}