6.DIV浮動(dòng)IE文本產(chǎn)生3px的問題
?左邊對(duì)象浮動(dòng)欣硼,右邊采用外補(bǔ)丁的左邊距來定位葫男,右邊對(duì)象內(nèi)的文本會(huì)離左邊有3px的間距.
#box ?{ ??float:left; width:800px; ?}
#left ??{ ??float:left; width:50%; ?}
#right { ??width:50%; ?}
*html ?#left{ ??margin-right:-3px; ??//這句是關(guān)鍵 ?}
顯示區(qū)別
7.高度不適應(yīng)問題
?高度不適應(yīng)是當(dāng)內(nèi)層對(duì)象的高度發(fā)生變化時(shí)陪踩,外層高度不能自動(dòng)進(jìn)行調(diào)節(jié)剂邮,特別是當(dāng)內(nèi)層對(duì)象使用了margin或padding時(shí)拐揭。
例:
?解決辦法:在P對(duì)象前后各加一個(gè)div對(duì)象玄窝,對(duì)這個(gè)div對(duì)象添加一個(gè)border屬性即可。
8.IE圖片下有空隙產(chǎn)生問題
?解決這個(gè)BUG的方法也有很多,可以是改變html的排版,或者設(shè)置img為display:block或者設(shè)置vertical-align屬性為vertical-align:top | bottom |middle |text-bottom都可以解決.
9.對(duì)齊文本與文本輸入框問題
加上vertical-align:middle;
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
10.web標(biāo)準(zhǔn)中id與class有區(qū)別嗎
?WEB標(biāo)準(zhǔn)中是不容許重復(fù)ID的,比如div id="abc"不容許重復(fù)2次,而class定義的是類,理論上可以無限重復(fù),這樣需要多次引用的定義便可以使用
?屬性的優(yōu)先級(jí):ID的優(yōu)先級(jí)要高于class
?方便JS等客戶端腳本,如果在頁面中要對(duì)某個(gè)對(duì)象進(jìn)行腳本操作,那么可以給他定義一個(gè)ID,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對(duì)浪費(fèi)時(shí)間資源,遠(yuǎn)遠(yuǎn)不如一個(gè)ID來得簡單.