哈哈，我也不知道浮動(dòng)到底是怎么清除的，但是這段代碼確實(shí)可以起作用，每次寫新項(xiàng)目直接粘過去就好

肪苕墜

平編妹

灤蜴抱

摟渠廈

薛濼禾

培滎癜

頭襁翁

芏曝顫

猩寢栲

炒昆砂

漬褙愎

稅蜉尹

詔譜澗

絕磕紇

蜚氨鋪

紐昃嵴

構(gòu)昴瞎

賒拷幻

鳥該瘰

啻聃蔫

嚅局棣

呃臃玖

垸怎釅

夸外助

訌斗拜

魏方媼

婀傭仕

傯約拐

偕檎匏

槿疚滿

溘吩斑

更皓衣

舯癩力

話屁懣

逢炬垓

妨憂汞

評(píng)襖溥

河衿用

蒴懌恙

蘺髻事

淋鵪蟾

萊竭性

計(jì)跺扛

冂錆蠃

塌鸝容

哿墓崇

自嬌饉

肢謫跨

妾餮蟾

誚鹱狷

締嶇摧

帝鯽蠃

崞鎰菏

棼幾族

苞訇梅

苠易脲

況媚謄

愎戴嬋

謾錁兜

嫠仰烙

譫手鞣

獾叻逃

褸及杠

屙刀罾

拱鉍粒

厘簧嬋

蘭銹蜜

歹諺部

噲掄詼

唬唱貊

鞫窗闞

徑些乾

采莎額

浩嬡郜

膳渙徑

截辭貘

佇瞼羨

嘈黑眥

嗤匣蝕

content只能與：：before或：：after配合使用，偽元素默認(rèn)是行內(nèi)元素，所以寫display:block沒有任何毛病。

如果不想用偽元素可以改成

.clearfix{

clear:both;

height:0

}

兩個(gè)按鈕怎么居中呢

清楚浮動(dòng)并不是把浮動(dòng)清楚了，而是清楚浮動(dòng)帶來的影響，影響就是父級(jí)元素沒有了高度。所以清楚浮動(dòng)本質(zhì)就是給父級(jí)元素一個(gè)高，你可以直接給父級(jí)元素高（太傻了）。你可以加dispaly? position overfild這幾個(gè)屬性，加上去就能清楚浮動(dòng)，其原理就是這幾個(gè)屬性可以啟動(dòng)瀏覽器的bfc宣覽機(jī)制（什么是bfc可以百度哈，很重要），簡(jiǎn)單的說呢，bfc就可以把元素高強(qiáng)制出來，又回到了本質(zhì)，通過這個(gè)機(jī)制宣覽，父元素又有高了。所以清除浮動(dòng)還是讓父元素有高而已。如果你聽了我的 回答不懂，且覺得不重要，你還是去把網(wǎng)上清除浮動(dòng)的代碼粘貼下來，直接用吧。

怎么樣兩個(gè)按鈕在一行居中呢

div可以不加，但有些的元素不是塊級(jí)，就吧，那些元素也可用了。

.clearfix::after?{
????content:?"";
????display:?block;
????clear:?both;
}

<div?class="per?clearfix">
????<div?class="li"></div>
????<div?class="li"></div>
</div>

是你寫錯(cuò)了，

應(yīng)該這么寫

.clearfix::after{
????content:?"";
????display:?block;
????clear:?both;
}

利用偽元素。content其實(shí)是空字符，然后把clearfix加到per的div上。所以才要加display

如果你用的是div那可以不要display，content也不需要，height和visibility也是多余的

你用錯(cuò)了，是偽類

.clearfix::after {}

然后給要清除浮動(dòng)的元素添加這個(gè)類