box-sizing轻松更改盒模型大小计算方式

注:请在标准浏览器下查看。

标准浏览器未设置-moz-box-sizing属性时的默认布局

width: 160px; border: 10px solid rgb(255, 0, 0); padding: 5px; height: 200px;


标准浏览设置box-sizing:content-box时的布局

width: 160px; border: 10px solid rgb(255, 0, 0); padding: 5px; height: 200px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing:content-box;


标准浏览设置box-sizing:border-box时的布局

width: 160px; border: 10px solid rgb(255, 0, 0); padding: 5px; height: 200px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注