css盒模解析

2019-04-13 16:55发布

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; }

热门文章