CSS盒模型box-sizing属性
2018-12-29 本文已影响0人
Kawing_Zhang
CSS默认容器的width为内容的宽度，即box-sizing:content-box，不包括padding,border的宽度。
这样的话如果div1的width=100%,并且div2的width=100%，而这时给div2加上个padding，这个div2就会被挤出div1，为了避免这种情况，需要把div2的box-sizing设定为border-box。
<div class=div1>
<div class=div2>
</div>
</div>
div1{
width:100%;
}
div2{
width:100%;
box-sizing:border-box;
}
CSS Box Model
amazeUI中也有提到，http://amazeui.org/css/base
