唐山網(wǎng)站建設(shè),唐山網(wǎng)站制作,唐山做網(wǎng)站,唐山網(wǎng)頁(yè)設(shè)計(jì),唐山網(wǎng)站優(yōu)化,唐山網(wǎng)絡(luò)公司,唐山400電話業(yè)務(wù) 24小時(shí)熱線：15031560143 關(guān)于我們 | 網(wǎng)站模版 | 支付方式 | 網(wǎng)站地圖
清除浮動(dòng)的幾種方法
1. 投機(jī)取巧法
就是直接一個(gè)<div style="clear:both;"></div>放到當(dāng)作最后一個(gè)子標(biāo)簽放到父標(biāo)簽?zāi)莾海朔椒▽以嚥凰嫒菪詮?qiáng)，使用方便，是初學(xué)時(shí)使用的上佳之選。但是我從來不用，因?yàn)槲铱吹降氖莻�(gè)巨大的浪費(fèi)，浪費(fèi)了一個(gè)標(biāo)簽，而且只能使用一次，我個(gè)人是無法容忍的，所以這個(gè)方法不推薦。而且有時(shí)候一不留神中間多了個(gè)空格會(huì)產(chǎn)生一段空白高度的。
2. overflow + zoom方法
.fix{overflow:hidden; zoom:1;}
此方法優(yōu)點(diǎn)在于代碼簡(jiǎn)潔，涵蓋所有瀏覽器，可謂不錯(cuò)的選擇啊。不過也是有問題的，就是這個(gè)overflow:hidden;是個(gè)小炸彈，要是里面的元素要是想來個(gè)margin負(fù)值定位或是負(fù)的絕對(duì)定位，豈不是直接被裁掉了，所以此方法是有不小的局限性的。我一般不用這個(gè)方法，只是有時(shí)候順便去除浮動(dòng)時(shí)用用。
3. after + zoom方法
先來簡(jiǎn)單講講after，所謂after，就是指標(biāo)簽的最后一個(gè)子元素的后面。于是呢，我們可以用CSS代碼生成一個(gè)具有clear屬性的元素，其中的關(guān)鍵樣式就是content了。或許您從網(wǎng)上看到的content里面的內(nèi)容是”.”一個(gè)點(diǎn)，我了很多次，貌似隨便寫什么東西都沒有問題，比如content:'clear both';沒問題，或是content:'佰億'也是ok的。于是有：.clr{zoom:1;}
.clr:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
這里的line-height:0寫成height:0也是可以的。此方法可以說是綜合起來最好的方法了，我都是用這個(gè)樣式清除浮動(dòng)的，不會(huì)影響任何其他樣式，通用性強(qiáng)，覆蓋面廣，我很推薦哦。