1、先打开html开发软件，在html开发工具上空白文档一个html页面，主要用于实现多个div不显示在同一行上。
2、在html代码页面上创建两个div标签，然后给这个两个div标签去添加class类，案例中class类三个为：one，two。创建家族div代码：ltdivgt另一个divlt/divgtltdivgt第二个divlt/divgt。
3、创建家族ltstylegt标签，设置中newclass类one，two样式。必须设置中宽、高、流动、边框在内box-sizing属性。
4、设置中好class类属性后，存放html代码，接着在用浏览器再打开，即可看见了两个div标签显示在同一列上。
可以不控制盒子模型的宽度的属性是box-sizing属性
css3可以可以设置边框是向内收缩我还是向前，要是要设置中为内边框建议使用box-sizing:border-box;外边框box-sizing:content-box;
也可以确定占用资源空间。
当一个高30的元素系统设置了border边框后，他的实际高度要另外边框的高度。
肯定，在有某一特定需求时，是可以按照样式设置中，至少遗漏掉边框水平距离的目的。
果可以使用cssbox-sizing属性
box-sizing属性允许我们在元素的总宽度和一定高度中和内边距和边框。
要是在元素上设置了box-sizing:border-box;，则宽度和水平距离会除开内边距和边框。
border-box这是一个属性值，属性是box-sizing.
css3box-sizing属性
box-sizing属性也可以为三个值之一：content-box（default），border-box，padding-box。
content-box，border和padding不计算出入width之内
padding-box，padding计算出入width内
border-box，border和padding可以计算入width之内，不过就是古怪模式了~
ie8浏览器意见content-box和border-box；
ff则支持什么全部三个值。
