box-sizing

.boxSizec{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}/*border和padding不计算入width之内(default)---大*/
.boxSp{box-sizing:padding-box;-moz-box-sizing:padding-box;-webkit-box-sizing:padding-box;}/*padding计算入width内*/
.boxSb{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}/*border和padding计算入width之内*/

注:兼容性差,目前浏览器很少有支持的,大多数浏览器默认的是width只包括content内容,以上类名自拟

 

posted on 2015-10-14 17:05  alanaZ  阅读(124)  评论(0编辑  收藏  举报

导航