瀏覽器不兼容我寫的代碼怎么辦

1、問題一
問題癥狀：隨便寫幾個標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。
解決方案：在CSS里 添加 *{margin:0;padding:0;}
2、問題二
問題癥狀：IE6、7和遨游里這個標(biāo)簽的高度不受控制，超出自己設(shè)置的高度
解決方案：給超出高度的標(biāo)簽設(shè)置overflow:hidden;或者設(shè)置行高line-height 小于你設(shè)置的高度。
3、問題三
問題癥狀：css里dispaly:inline_block不起效果;
解決方案：在dispaly:inline_block后面加入display:inline;
4、問題四
問題癥狀：多個img標(biāo)簽之間的間距去不掉，使用了 *{margin:0;padding:0;}也不起作用
解決方案：使用浮動（float）；
5、問題五
問題癥狀：因?yàn)閙in-height本身就是一個不兼容的CSS屬性，所以設(shè)置min-height時不能很好的被各個瀏覽器兼容
解決方案：如果我們要 設(shè)置一個標(biāo)簽的最小高度200px，需要進(jìn)行的設(shè)置為：{min-height:200px; height:auto !important;
height:200px; overflow:visible;}

6、問題六
問題癥狀： z-index失效
原因：z-index起作用有個小小前提，就是元素的position屬性要 是relative，absolute或是fixed。
解決方案：
1.position:relative改為position:absolute；
2.去除浮動；
3.浮動元素添加position屬性（如relative，absolute等）。
7、問題七
問題癥狀：元素水平居中問題
解決方案：FF: margin:0 auto;
IE: 父級{ text-align:center; }

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

JS常用的數(shù)組方法總結(jié)

2018最新前端面試題十二

2018最新前端面試題十

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com