页面缩放造成元素塌陷

浏览器页面缩小致使设置浮动的元素在一行内放不下，造成塌陷。
原页面：缩小后：
检查发现，元素的border在缩小页面后由1px变为2px从而导致一行放不下而另起一行。
将元素盒模型设置为border-box即可解决。
box-sizing: border-box;