為什么我寫(xiě)的DIV CSS布局老是重疊在一起呢 加個(gè)clear:both 也 不行 各位高手幫個(gè)忙！！

還是新人把：

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到鄠邑網(wǎng)站設(shè)計(jì)與鄠邑網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋鄠邑地區(qū)。

第一：要頁(yè)面對(duì)齊，主要還是要浮動(dòng)、但清除浮動(dòng)不是加在每一個(gè)樣式里的的（直接寫(xiě)個(gè)css“ #clear｛ clear:both;｝)

第二：你寫(xiě)的頁(yè)面，不齊全，下面少了一個(gè)/ul

第三：你的img src="imgeas/baiyun120_zt_22_07.gif"; /這句是不是放在ul class=”leftlist_div"里面的，沒(méi)放好吧！

這要的頁(yè)面 ，直接在css的樣式里加個(gè)float:left 就行了！ 你自己試試吧！ 呵呵，還要多學(xué)一下！

怎么消除css中的絕對(duì)定位重疊問(wèn)題

首頁(yè)打開(kāi)dreamweaver或其它編輯器，創(chuàng)建一個(gè)名為nav的導(dǎo)航菜單

div class="nav"

ul

lia href="#"欄目一/a/li

lia href="#"欄目二/a/li

lia href="#"欄目三/a/li

lia href="#"欄目四/a/li

lia href="#"欄目五/a/li

/ul

/div

現(xiàn)在為nav添加樣式,首先去掉默認(rèn)的margin和padding，再去掉ul li標(biāo)簽的list-style樣式和a標(biāo)簽的默認(rèn)下劃線。接下來(lái)再添加適當(dāng)?shù)臉邮剑ǜ鶕?jù)實(shí)際需要添加）進(jìn)行美化，如一下樣式：

style type="text/css"

* { margin:0; padding:0;}

ul, li { list-style:none;}

a { text-decoration:none;}

.nav { border:2px solid #ccc; border-right:none; overflow:hidden; float:left; margin:100px 0 0 300px;}

.nav ul li { float:left;}

.nav

ul li a

{ width:120px; height:40px; text-align:center; line-height:40px; display:block; border-right:2px

solid #ccc; background:#eee; color:#666;}

.nav ul li a:hover{ color:#f00; }

/style

像這樣，一個(gè)菜單橫向菜單就建好了，下面給欄目一，欄目二，欄目三，添加二級(jí)下拉菜單

div class="nav"

ul

lia href="#"欄目一/a

ul

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

/ul

/li

lia href="#"欄目二/a

ul

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

/ul

/li

lia href="#"欄目三/a

ul

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

lia href="#"二級(jí)欄目/a/li

/ul

/li

lia href="#"欄目四/a/li

lia href="#"欄目五/a/li

/ul

/div

添加完二級(jí)欄目后，現(xiàn)在開(kāi)始添加css樣式，首先給li標(biāo)簽下的ul標(biāo)簽添加相對(duì)定位，再去除之下li標(biāo)簽的做浮動(dòng)樣式，再適當(dāng)修改a標(biāo)簽，如一下樣式：

.nav ul li ul { position:absolute;}

.nav ul li ul li { float:none;}

.nav ul li ul li a { border-right:none; border-top:1px dotted #ccc; background:#f5f5f5;}

接下來(lái)隱藏掉二級(jí)下來(lái)菜單，并給它添加鼠標(biāo)滑動(dòng)效果，使得當(dāng)鼠標(biāo)滑動(dòng)到主欄目時(shí)，二級(jí)下來(lái)菜單顯示，樣式如下：

.nav ul li ul { position:absolute; display:none;}

.nav ul li ul li { float:none;}

.nav ul li ul li a { border-right:none; border-top:1px dotted #ccc; background:#f5f5f5;}

.nav ul li:hover ul{ display:block; }

至此，橫向二級(jí)下拉菜單就制作完成了，這里附加上全部代碼

CSS樣式覆蓋問(wèn)題 怎樣阻止覆蓋

請(qǐng)按照下面標(biāo)準(zhǔn)執(zhí)行即可；

1.行內(nèi)樣式＞指定樣式＞通用class樣式通用未指定CLASS樣式

2.例子：

1）div style="..."aaaaaa/a這就是指定用style的行內(nèi)樣式；

2）div id="side" aaaaaa/div這就是指定id使用side樣式；

3）div class="ot"aaaaaa/div這就是指了通用的class為ot的樣式；

4）如bodytabletrth這些一開(kāi)始樣式文件就定義好全程的樣式，為通用為指定的樣式；

最高就是指行內(nèi)樣式，接著就是指定ID的，然后就是CLASS，最后就是未指定通用樣式；

文章名稱(chēng)：css如何防止樣式重疊,css外邊距重疊
本文路徑：http://chinadenli.net/article6/dsgeeog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、建站公司、品牌網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)