首页 > Web开发 > 详细

CSS3实战之box-sizing

时间:2016-04-12 01:41:48      阅读:229      评论:0      收藏:0      [点我收藏+]

 

一般我们都认为border和padding都包含在width或height之内。

而现代标准的浏览器一般都认为width和height仅仅包含content,刨去了border和padding区域。

 

它有两个值可以取

1.content-box:width/height = border + padding + content

2.border-box: width/height = content

 

兼容性写法

.test{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

 

CSS3实战之box-sizing

原文:http://www.cnblogs.com/zcynine/p/5380863.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!