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

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

相關閱讀：

JS常用的數組方法總結

2018最新前端面試題十二

2018最新前端面試題十

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