css box-sizing属性（盒子模型）的用法介绍

本篇文章给大家带来的内容是关于CSS中text-transform属性实现字符串转换的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1.关于box-sizing: 属性用于更改用于计算元素宽度和高度的默认的 css 盒子模型。
值有：content-box（默认值），border-box，inherit。
a、content-box：宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。
b、border-box：为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

nbsp;html> .box,.box1{    box-sizing:border-box;    -moz-box-sizing:border-box; /* Firefox */    -webkit-box-sizing:border-box;     /* Safari */    width:200px;        height: 50px;        border:10px solid red;        float:left;}.box1{        margin-left: 10px;    box-sizing:content-box;  }        
    
这个 div 占据部分。
    
这个 div 占据部分。
    
            

登录后复制

以上就是css box-sizing属性（盒子模型）的用法介绍的详细内容，更多请关注【创想鸟】其它相关文章！