divcss兼容性問題-wenkub
2023-06-22 13:35:52 本頁面
【正文】 左邊對(duì)象浮動(dòng)，右邊采用外補(bǔ)丁的左邊距來定位，右邊對(duì)象內(nèi)的文本會(huì)離左邊有3px的間距. box{ float:left。為了讓這一命令 在IE上也能用，可以把一個(gè)div 放到 body 標(biāo)簽下，然后為div指定一個(gè)類, 然后CSS這樣設(shè)計(jì)： container{ minwidth: 600px。 minwidth: 80px。要解決這個(gè)問題， 可以這樣： box{ width: 80px。 //實(shí)現(xiàn)同一行排列的效果 diplay:table。 //使浮動(dòng)忽略} 這里細(xì)說一下block與inline兩個(gè)元素：block元素的特點(diǎn)是,總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素)。/*IE下再理解為5px*/} box{ float:left。解決方案是在這個(gè)div里面加上display:inline。 將行距增加到和整個(gè)DIV一樣高 lineheight:200px。 然后插入文字，就垂直居中了。 例如:div id=”imfloat” 相應(yīng)的css為 IamFloat{float:left。 width:100px。Inline元素的特點(diǎn)是,和其他元素在同一行上,不可控制(內(nèi)嵌元 素)。 4 IE與寬度和高度的問題 IE 不認(rèn)得min這個(gè)定義，但實(shí)際上它把正常的width和height當(dāng)作有min的情況來使。 height: 35px。 minheight: 35px。 width:expression ( 600? 600px: auto )。 width:800px。border:1px solid E00。 //這句是關(guān)鍵} div id=box div id=left/div div id=right/div /div 當(dāng)div應(yīng)用復(fù)雜的時(shí)候每個(gè)欄中又有一些鏈接，DIV等這個(gè)時(shí)候容易發(fā)生捉迷藏的問題。 。 (其中floatA、floatB的屬性已經(jīng)設(shè)置為 float:left。 并且將clear這種樣式定義為為如下即可： .clear{ clear:both。 zoom:1。 display:block。 } .clearfix { display:inlineblock。 例：box {backgroundcolor:eee。 } div id=box pp對(duì)象中的內(nèi)容/p/div 解決方法：在P對(duì)象上下各加2個(gè)空的div對(duì)象CSS代碼：.1{height:0px。 style type=text/css ! input { width:200px。 } /style ,比如 div id=aa 不容許重復(fù)2次,而class 定義的是類,理論上可以無限重復(fù), 這樣需要多次引用的定義便可以使用他. ID 的優(yōu)先級(jí)要高于class,看上面的例子 ,如果在頁面中要對(duì)某個(gè)對(duì)象進(jìn)行腳本操作,那么可以給他定義一個(gè)ID,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對(duì)浪費(fèi)時(shí)間資源, 遠(yuǎn)遠(yuǎn)不如一個(gè)ID來得簡單.15. LI中內(nèi)容超過長度后以省略號(hào)顯示的方法 此方法適用與IE與OP瀏覽器 style type=text/css ! li { width:200px。 overflow: hidden。 scrollbarshadowcolor:eeeeee。 scrollbardarkshadowcolor:fff。 margin:100px 0 0 100px。 } /style FF與IE 1. Div居中問題 div設(shè)置 marginleft, marginright 為 auto 時(shí)已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級(jí)元素定義textalgin: center。 被點(diǎn)擊訪問過的超鏈接樣式不在具有hover和active了,很多人應(yīng)該都遇到過這個(gè)問題,解決方法是改變CSS屬性的排列順序: LVHA Code: style type=text/css ! a:link {} a:visited {} a:hover {} a:active {} /style 4. 游標(biāo)手指cursor
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1