父盒子和子盒子之间的缝隙问题

给子盒子设置相同宽差戚蚂度高度大小，并设置子盒子背景颜色，父盒子设置边框。在谷歌和IE浏览器上显示父盒子和子盒子之间有缝隙。

网上说给父盒子加上box-sizing: border-box

当父盒子边框1像素时，可以正常展示

还有就是当某

但是当父盒子边框2像素或3像虚埋素或其他一些像素时，还是会有缝隙出现

边框的大小、盒子的宽高某些值组合在一起就不会出现缝隙。找仔轿不出原因。

目前解决方法就是在子盒子设置边框

子标签高锋野度和宽度是相对父标签，如果父元素没有设置宽度和高度，那么子标签会向上找，也就是父元素的父元素，以此类推

您这个例子，子标签div是块元素，父元素以及祖宗元素都没有宽度，子标签的100%宽度就是相对根元素html，加上div是块元素，默认会充满整个银嫌喊盒子

子标签的高度100%，此例是相对body元素，而body又相html所以子标签的高度取决于html

高度

希望能帮到者旅你

---