本篇涉及的知識(shí)點(diǎn)有左右布局伊诵，左中右布局 ，水平居中回官，垂直居中日戈，水平垂直居中。??
一 左右布局
1.浮動(dòng)方法? 給父容器添加浮動(dòng)
具體代碼
2絕對(duì)定位方法
3.flex方法
flex布局
? flex布局父元素必須設(shè)置display：flex孙乖；浙炼。子元素flex的值有 auto inital? none;
? flex:0 0 300px(元素的寬) flex的優(yōu)先級(jí)較高可以取代具體的寬。
二 左中右布局（三欄布局）
1絕對(duì)定位方法
?
?左右兩個(gè)元素設(shè)置為絕對(duì)定位唯袄，并且將兩個(gè)元素分別左右擺放弯屈，中間的元素通過(guò)margin-left和margin-right自動(dòng)適應(yīng)寬。
2浮動(dòng)
? ? ? ? ? ?這里寬是用百分比設(shè)置的恋拷，可以設(shè)為具體的寬
? ?三 水平居中?
1.通過(guò)設(shè)置text-align:center;和margin:0 auto; 子元素和父元素必須設(shè)置具體的寬高
2絕對(duì)定位方法
父元素設(shè)置絕對(duì)定位和具體的寬资厉，
3通過(guò)inline-block設(shè)置
四垂直居中
?1line-height=行高和text-align:center;
2display:table-ceil;
3display:fiex;
4絕對(duì)定位和0
? ? ? 要確定元素的寬高，也可以用百分比替代蔬顾。
適合用于移動(dòng)端
5translate
