css盒模解析

来源:互联网 发布:ubuntu安装netsnmp 编辑:程序博客网 时间:2024/04/30 23:47

ie中:margin和padding是包含在宽度中的,及
盒子宽度=文字宽度+margin宽度+padding宽度

其他浏览器:margin和padding不算在宽度中,即
总宽度=盒子宽度+margin宽度+padding宽度;
例如: width:300px;margin:10px;padding:30px;总的就是340px

转换为ie中盒模的方法:使用box-sizing: border-box;

*{                margin: 0;                padding: 0;                 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;                text-align: center;}
0 0
原创粉丝点击