css-我遇到的问题及解决办法

当初始边框为1px时，浏览器窗口缩小导致边框小于1px，此时浏览器会将原本的边框1px按比例变大，此时边框实际已经不是1px了，超出了父盒子的宽度，所以最后一个 li 掉入第二行

高度塌陷的原因：当前盒子没有高度，且内部元素脱离文档流，导致没有元素可以撑起盒子。（当元素设置了浮动或者绝对，固定定位时，都会导致元素脱离文档流）