?1.左右布局：
方法一：
給子元素加上“float：left、right坝初，父元素加上clearfix
方法二：
利用position。position可使元素脫離文檔流。父元素設(shè)position: relative; 子元素設(shè)position: absolute 并且設(shè)置距離上下左右的位置即可
方法三：
屬性：table-cell：
2.左中右布局
?左中右布局與左右布局類似
方法一：利用float
方法二：利用position
方法三：
類似左右布局中使用table-cell疾呻。
3.水平居中：
行內(nèi)元素居中：設(shè)置text-align:center即可
塊級(jí)元素居中
（1）單個(gè)塊級(jí)元素：設(shè)置： margin左右為auto；
（2）多個(gè)塊級(jí)元素:子元素設(shè)display: inline-block写半，父元素設(shè)text-align:center
4.垂直居中
方法一： 設(shè)置height和line-height的高度一致岸蜗；
方法二：設(shè)置padding和margin
5.其他
1.內(nèi)聯(lián)元素設(shè)置寬高是無效的；設(shè)置margin-top和margin-bottom也是無效的
2.要好好利用box-sizing: border-box/content-box;?border-box設(shè)置width是包括border及padding的叠蝇，content-box的width只是指內(nèi)容的寬度璃岳，不包括border和padding
3.設(shè)置寬度時(shí)設(shè)置max-width比設(shè)置width要更好
4。盡量不要設(shè)置width和height悔捶，多想想設(shè)置padding和margin
5. 偽類”xxx: nth-child(even/odd)可選中第偶數(shù)/單數(shù)個(gè)元素對(duì)其進(jìn)行設(shè)置
? ? ?其實(shí)方法有很多铃慷，最重要是根據(jù)實(shí)際情況需要運(yùn)用不同的方法
