码迷,mamicode.com
首页 > Web开发 > 详细

CSS3实战之box-sizing

时间:2016-04-12 01:44:09      阅读:190      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!