<div style="float: left; width: 20%; height: 600px ;border:1px solid black;">
</div>
<div style="float: left; width: 78%; height: 600px ;border:1px solid black;">
</div>
本代码中两个块分别占了整个浏览器宽度的20% 78%如果将两个之和调成100%会发生什么呢
会看到另一个块被挤到了下面
浏览器长度占不下这是因为 实际长度 = 边框长度+块长度 所以如果变成100%就会导致真实长度超出浏览器宽度所以就会被挤到到下面
我们可以加上这个属性box-sizing:border-box 固定死div的宽度 在加边框的时候会压缩内容与内边款之间的距离不会导致宽度变长