一蒋院、不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同
問題表現(xiàn):隨便寫幾個(gè)標(biāo)簽,不加樣式控制的情況下锈颗,各自的margin 和padding差異較大采蚀。
解決方案:CSS里 *{margin:0;padding:0;}
備注:這個(gè)是最常見的也是最易解決的一個(gè)瀏覽器兼容性問題,幾乎所有的CSS文件開頭都會(huì)用通配符*來設(shè)置各個(gè)標(biāo)簽的內(nèi)外補(bǔ)丁是0来屠。
二虑椎、塊屬性標(biāo)簽float后,又有橫向的margin情況下俱笛,在IE6顯示margin比設(shè)置的大
問題表現(xiàn):IE6后面的一塊被頂?shù)较乱恍?/p>
解決方案:在float的標(biāo)簽樣式控制中加入display:inline;轉(zhuǎn)化為行內(nèi)屬性
備注:橫向浮動(dòng)的div布局捆姜,使用上margin進(jìn)行邊界設(shè)置時(shí),必然會(huì)碰到此問題
三迎膜、設(shè)置較小高度標(biāo)簽(一般小于10px)泥技,在IE6、IE7磕仅,遨游中高度超出設(shè)置高度值
問題表現(xiàn):IE6珊豹、7和遨游里這個(gè)標(biāo)簽的高度不受控制,超出自己設(shè)置的高度
解決方案:給超出高度的標(biāo)簽設(shè)置overflow:hidden;或者設(shè)置行高line-height小于你設(shè)置的高度
備注:一般出現(xiàn)在設(shè)置小圓角背景的標(biāo)簽里榕订。出現(xiàn)該問題原因是IE8之前的瀏覽器都會(huì)給標(biāo)簽一個(gè)最小默認(rèn)行高的高度店茶,即使標(biāo)簽是空內(nèi)容,標(biāo)簽的高度還是會(huì)有默認(rèn)行高劫恒。