box-sizing: border-box
盒子模型,就是指,按百分比固定div的宽度、高度之后,不会被padding、border等扩充而破坏了初始化的百分比。
<html><head><style>body{margin:0px;}.box1{border:1px solid black;width: 47%;box-sizing: border-box;padding: 30px;height: 200px;float: left;margin-left: 2%;margin-bottom: 5%;}</style></head><body><div class="box1"></div><div class="box1"></div><div class="box1"></div><div class="box1"></div></body></html>