盒模型

div{width: 30px;height: 30px;border: 5px solid;background: red;padding:5px;margin:5px;}

ie6

width=content+2padding+2border

QQ图片20160624134451_MarkMan.png

ie7

width=content+2padding+2border

Paste_Image.png

ie8

width=content+2padding+2border

Paste_Image.png

---

inline-block

div{width: 30px;height: 30px;border: 5px solid;background: red;display: inline-block;}  

ie6

ie7 不认inline-block

Paste_Image.png

ie7

ie7 不认inline-block

Paste_Image.png

ie8

ie8可以识别inline-block

Paste_Image.png

---

max-width

div{max-width: 500px;height: 30px;border: 5px solid;background: red;}   

ie6

ie6识别不了max-width

Paste_Image.png

ie7

可以识别max-width

Paste_Image.png

ie8

可以识别max-width

Paste_Image.png

本教程版权归菲龍探雲和饥人谷所有，转载须说明来源