div+css是網(wǎng)頁(yè)排版中不可或缺的，在這里總結(jié)了一下工作中遇到的一些這方面的問(wèn)題，以及這些問(wèn)題的解決方法，在這里一起與大家分享(*^__^*) 嘻嘻……1，ul方面的問(wèn)題：默認(rèn)的ul的margin和padding不是0，如果在導(dǎo)航中用到了左浮動(dòng)的li，往往會(huì)把外部
的div撐大，導(dǎo)致頁(yè)面變形，這就需要我們?cè)趯懘a的時(shí)候不要忘記 ul{margin:0px; padding:0px;}
2,img方面的問(wèn)題：這里牽涉的不同瀏覽器的問(wèn)題，ie6是一直讓網(wǎng)頁(yè)設(shè)計(jì)師最頭疼的一個(gè)問(wèn)題，關(guān)于圖片
，這里有一個(gè)小小的問(wèn)題，有時(shí)ie6里顯示的圖片height總是要大于準(zhǔn)確值，這里就需要我們記住下面這
一點(diǎn) img{ display：block}
3，overflow方面問(wèn)題：有時(shí)我們會(huì)看到，一些公司的注冊(cè)協(xié)議都是好長(zhǎng)好長(zhǎng)的，但又不能把頁(yè)面拉的太
長(zhǎng)，這就用到了overflow，我們可以把div的style里加上這個(gè)：overflow：auto
4，小窗口彈出的問(wèn)題：當(dāng)我們點(diǎn)擊某個(gè)按鈕，可能會(huì)看到一個(gè)小窗口彈出，而窗口其它的部分都變了灰
色，這是怎么實(shí)現(xiàn)的呢，其實(shí)很簡(jiǎn)單div+css就可以實(shí)現(xiàn)：
css部分：
.black_overlay
{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=50);
}
.white_content
{
display: none;
position: absolute;
top:20%;
left: 30%;
width:outo;
background-color: white;
z-index: 1002;
overflow: auto;
}
.white_content2
{
display: none;
position: absolute;
top: 20%;
left: 18%;
width:896px;
background-color: white;
z-index: 1002;
overflow: auto;
text-align: center;
}
.qpshcom
{
background-color: #efefef;
color: #666666;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
margin: 6px;
padding: 6px;
font-size: 14px;
line-height: 200%;
float: midden;
}
div部分：
打開按鈕部分：onclick="document.getElementById
('light').style.display='block';document.getElementById('fade').style.display='block'"
關(guān)閉按鈕部分：onclick="document.getElementById
('light').style.display='none';document.getElementById('fade').style.display='none'"
4，關(guān)于float的問(wèn)題：有時(shí)候一些div會(huì)擠到頁(yè)面的上方，把頁(yè)面擠破掉，這里可能就是浮動(dòng)引起的，這
時(shí)候我們就用到了這個(gè)：clear：both，很不錯(cuò)的解決方法，不妨一試。
5，height等于1px的div，在ie6中可能并不是1px，那怎么解決呢？不妨試一下：在這個(gè)div的style里加
上font-size：1px;這樣就ok了。
6，下面再說(shuō)一下id和class的問(wèn)題：當(dāng)一個(gè)div要在頁(yè)面中多次使用時(shí)，不要用id，要用class，還有就是
要用引用js的時(shí)候，樣式最好不要用id，因?yàn)閕d要留給js使用，當(dāng)程序員寫后臺(tái)用的是.net時(shí)，最好不用
用id，id要留給程序員用，前臺(tái)我們就用class好了。
7，還是img問(wèn)題，頁(yè)面中最好不要用大塊背景，能平鋪的要平鋪，否則加載起來(lái)會(huì)很慢，也不利于以后的
優(yōu)化和擴(kuò)展，當(dāng)然也有些大的網(wǎng)站，現(xiàn)在都盡量把背景統(tǒng)一放到一張圖片上，用background-postion來(lái)取
得背景，這樣其實(shí)也好，背景雖然大了點(diǎn)，但只需統(tǒng)一加載一次，就ok了，速度也不會(huì)太慢，可以好好學(xué)
習(xí)一下。
8，img的格式問(wèn)題：最好的格式就是gif格式，即確保了背景透明，在ie6中又不會(huì)有陰影，有時(shí)gif圖片
會(huì)有鋸齒，這就需要我們保存成web格式，設(shè)置一下matter，matter的值用背景顏色的值越相近越好。（
當(dāng)然有時(shí)迫不得已png的圖片也會(huì)用到，這時(shí)就需要另外想辦法了，前面我也曾提到過(guò)，大家不妨一看）
9，鏈接問(wèn)題：
.link：link{}
.link：visited{}
.link：hover{}
.link：active{}
有一點(diǎn)，visited與hover的順序一定不能倒換，否則ie6中會(huì)大大的問(wèn)題。
10，css編碼問(wèn)題：@charset "utf-8";注意這行代碼，utf-8與g把gb2312是比較常用的兩種編碼方式。
本文由 fangjing19881116 原創(chuàng)，轉(zhuǎn)載請(qǐng)保留此信息，多謝合作。
