css布局box-sizing使用
浏览数：49 /
时间：2015年06月09日
div{
box-sizing:border-box;
width:200px;
padding:20px;
border:1px solid red;
}
这段css的意思是说，div宽度为200px,边框为1px，左右空白边距是20px,时间内容宽度自适应，是200-2-20*2=158px;
如果box-sizing的值为content-box,说明设置的是内容区的宽度，不是div盒子的宽度；
浏览器兼容性：
ie8以上支持该属性，firefox需要加上浏览器厂商前缀-moz-,低版本的IOS和Android浏览器也需要加上-webkit-
*,*:before,*:after{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
