雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

dedecms

當(dāng)前位置:主頁 > CMS教程 > dedecms >

織夢(mèng)dedecms網(wǎng)站因浮動(dòng)出現(xiàn)網(wǎng)頁錯(cuò)亂

來源:本站原創(chuàng)|時(shí)間:2021-08-05|欄目:dedecms|點(diǎn)擊:

織夢(mèng)dedecms建站的時(shí)候,在網(wǎng)站的很多地方都會(huì)利用浮動(dòng)來達(dá)到預(yù)期的效果,但是又的時(shí)候網(wǎng)站會(huì)因?yàn)楦?dòng)多出一個(gè)p標(biāo)簽,這樣就會(huì)讓整個(gè)網(wǎng)站錯(cuò)亂,在這個(gè)時(shí)候就要?jiǎng)h除p標(biāo)簽。
可以在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ì)更靈活,更方面使用。
 

上一篇:織夢(mèng)dedeCMS自動(dòng)審核會(huì)員發(fā)表的文章

欄    目:dedecms

下一篇:dede織夢(mèng)水印圖片圖集手動(dòng)上傳無法加水印

本文標(biāo)題:織夢(mèng)dedecms網(wǎng)站因浮動(dòng)出現(xiàn)網(wǎng)頁錯(cuò)亂

本文地址:http://www.jygsgssxh.com/a1/dedecms/16095.html

更多dedecms

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負(fù)任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有