国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

網頁制作教程:IE下div出現3個像素的Bug問題

2024-07-11 08:22:56
字體:
來源:轉載
供稿:網友
網頁制作文章簡介:IE下兩個div之間會出現3個像素的Bug.

描述:IE下兩個div之間會出現3個像素的Bug,這個bug是在當對一個div用了float元素時,而令一個div未使用時則會出現。

解決方法:a.對另一個元素同時使用float; b.為不浮動的div添加一條語句:margin-right:-3px; 或者margin-left:-3px; ;

#container {margin:0 auto; width:100%;}
#sidebar { float:left; width:200px; height:500px; background:#9c6;}
#sidebar2 { float:right; width:200px; height:500px; background:#9c6;}
#content { margin:0 205px ; _margin:0 202px; height:500px; background:#ffa;}

當浮動元素與非浮動元素相鄰時,這個3像素的Bug就會出現,它會偏移3像素。只要觸發IE的hasLayout,非浮動元素就會擁有布局。所以,利用IE6特有的hack規則,為它單獨寫樣式就可修復此問題:_zoom:1;margin-left: value;_margin-left: value-3px;zoom 是IE觸發Layout條件之一,因為它是IE特有的CSS規則,所以采用zoom。margin-left: value-3px 是修復IE6 中3px 的bug。此前采用非浮動元素也浮動的方法修復bug,現在我們可以試試這個新的方法了!注:前面的下劃線是專門寫給IE7以下版本的hack!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 康乐县| 新龙县| 成安县| 拜城县| 宕昌县| 云梦县| 金昌市| 麦盖提县| 大余县| 昭平县| 大方县| 乌审旗| 肥东县| 依安县| 子洲县| 金阳县| 集安市| 大名县| 定日县| 长垣县| 张掖市| 内丘县| 申扎县| 兴安盟| 侯马市| 方城县| 舞阳县| 新建县| 沁阳市| 中西区| 钟祥市| 花垣县| 砚山县| 枣阳市| 庄河市| 米脂县| 舟曲县| 邛崃市| 维西| 武功县| 庆元县|