盒模型
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
本教程版权归菲龍探雲和饥人谷所有，转载须说明来源
网友评论