??? 第一種，如果有固定的寬高。用一個(gè)和所有浮動(dòng)盒子等寬的大盒子包裹起來(lái)，然后設(shè)置大盒子的margin:0 auto;就可以水平居中。需要注意大盒子的寬除了要包括里面盒子的總寬外還要包括每個(gè)盒子的外邊距，內(nèi)填充，邊框等。還有大盒子里面所有元素浮動(dòng)之后，大盒子的高度消失的問(wèn)題。
??? 第二種，使用絕對(duì)或相對(duì)定位。還是用一個(gè)大盒子包裹起來(lái)，大盒子的position設(shè)置成absolute或者relative，然后大盒子的left為50%，margin-left設(shè)置為負(fù)的大盒子寬度的一半，這也需要知道大盒子的寬度。
??? 第三種，不需要設(shè)置任何寬度。所有盒子不使用浮動(dòng)，而使用display:inline-block;來(lái)使盒子在一行顯示，然后設(shè)置父元素的text-align:center;來(lái)使子元素居中。父元素需要占整個(gè)一行，并且每個(gè)盒子的html標(biāo)簽之間不能有空格或者換行，也就是必須緊挨著。這樣的好處是，不用設(shè)置任何寬度，每個(gè)盒子可以自適應(yīng)內(nèi)容的寬度。

.clear?{
??clear:?both;
??width:?100%;
??overflow:?hidden;
}

首先呢，樓主需要一個(gè)大盒子把所有浮動(dòng)的盒子包起來(lái)，并在大盒子的最后面放一個(gè)class="clear"的div。然后呢，給大盒子設(shè)定合適的width，并且設(shè)置為margin:0 auto;然后就很開(kāi)森的居中咯

用 flex 布局