一、總結(jié)一下CSS的幾種布局以及實(shí)現(xiàn)方法
- 左右布局
- 左中右
- 水平居中
- 垂直居中
1. 左右布局
左右布局很多種實(shí)現(xiàn)方法 目前使用的是float(浮動(dòng))屬性银酗，給所有子元素添加浮動(dòng)，添加后需要在父元素上添加clearfix呻此。添加浮動(dòng)屬性后一定會(huì)有bug，所以用到clearfix秘技：
clearfix::after {
content: "";
display: block;
clear: both;
}
還有用position脫離文檔流的方法也可以做到，用的不多 需要勤加練習(xí)啤斗。
2. 左中右布局
這個(gè)就比較好辦了，將元素display屬性調(diào)整為inline-block,并設(shè)置元素的width屬性就好了～
3. 水平居中
設(shè)置margin的高度赁咙，然后左右auto钮莲。
4. 垂直居中
首先將子元素設(shè)置display: inline-block，然后在父元素上添加text-align: center彼水。
