css设置带boarder的百分比布局

设置CSS的box-sizing属性值为“border-box”，这样就会把borders和padding全都包含在定义的宽高里面。这就意味着一个带有2px边框的200px的div仍然宽度是200px!!

div{ 

    width: 16%; 

    margin: 2% 2%; 

    float: left; 

    background:#03a8d2; 

    border: 2px solid black; 

    box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

    -moz-box-sizing: border-box; 

}