首页 > 代码库 > CSS3 一些很实用的属性

CSS3 一些很实用的属性

布局属性

 


 

box-sizing

这个属性能够改变盒模型计算方式,值有 content-box, border-box; 当值为border-box时,盒模型宽度固定为width的值,盒模型的padding与border的值将包括在width值内,盒模型内容的宽度 = 盒模型width - padding - border;

兼容性:

  IE8

  chrome:  -webkit-

  fireFox:  -moz-

*, *:before, *:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}