我們?cè)跁鴮懢W(wǎng)站代碼的時(shí)候,經(jīng)常為了實(shí)現(xiàn)某些預(yù)期的效果,需要使用浮動(dòng)來實(shí)現(xiàn),但是有的時(shí)候因?yàn)闀鴮懜?dòng)代碼會(huì)導(dǎo)致整體網(wǎng)站樣式錯(cuò)亂,一般檢查會(huì)都會(huì)發(fā)現(xiàn)多出一個(gè)P標(biāo)簽,這個(gè)似乎我們就需要?jiǎng)h除處理掉這個(gè)P標(biāo)簽。
當(dāng)然我們還可以在css中添加清除浮動(dòng)的代碼,這樣也可以清除浮動(dòng),然后在html中調(diào)用清除代碼就可以了。
css代碼:
.clear{clear:both;font-size:0;height:1%}html代碼:
<P class='clear'></P>
這樣的方法就清除了所有的浮動(dòng),但是如果想要只清除左邊的,或者是只清除右邊的,這樣就不夠靈活了,這里還有一個(gè)方法:
HTML代碼:
<P id="wrap"><P class="column_left"> <h1>Float left</h1></P><P class="column_right"> <h1>Float right</h1></P></P>
CSS樣式:
#wrap{ border:6px #ccc solid; overflow:auto; _height:1%;}.column_left{ float:left; width:20%; padding:10px;}.column_right{ float:right; width:75%; padding:10px; border-left:6px #eee solid;}這樣就會(huì)更靈活,更方面使用。
以上就是網(wǎng)站因浮動(dòng)出現(xiàn)網(wǎng)頁錯(cuò)亂的解決方法的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)和解決疑問有所幫助,也希望大家多多支持武林網(wǎng)。新聞熱點(diǎn)
疑難解答
圖片精選