css中的box-sizing属性怎么用

这篇文章主要为大家展示了“css中的box-sizing属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中的box-sizing属性怎么用”这篇文章吧。
　　CSS3box-sizing属性
　　作用：允许您以确切的方式定义适应某个区域的具体内容。
　　说明：InternetExplorer、Chrome、Safari以及Opera支持box-sizing属性。Firefox需要前缀-moz-。
　　语法：
　　box-sizing:content-b免费云主机域名ox|border-box|inherit;
　　值描述
　　content-box
　　这是由CSS2.1规定的宽度高度行为。
　　宽度和高度分别应用到元素的内容框。
　　在宽度和高度之外绘制元素的内边距和边框。
　　border-box
　　为元素设定的宽度和高度决定了元素的边框盒。
　　就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
　　通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
　　inherit 规定应从父元素继承box-sizing属性的值。
　　CSS3box-sizing属性的使用示例
　　

　　div.container
　　{
　　width:30em;
　　border:1emsolid;
　　margin:100pxauto;
　　}
　　div.box
　　{
　　box-sizing:border-box;
　　-moz-box-sizing:border-box;/*Firefox*/
　　-webkit-box-sizing:border-box;/*Safari*/
　　width:50%;
　　border:1emsolidred;
　　float:left;
　　}
　　
　　
　　
　　　　这个div占据左半部分。

相关推荐: 微信小程序上市需经历什么测试

今天小编给大家分享一下微信小程序上市需经历什么测试的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。　　开发版和测试版不用考评，必须给微信号码配备…

免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。