老师，为什么给grid父元素添加高度之后出现BUG？

来源：7-1 九宫格

qq_幼兽_0

2019-11-10

图片描述

去掉.grid的height之后就正常了，这是为啥呢？老师

写回答

2回答

viTaemin_nanali

2021-06-08

自己可以算一下边距，这里设置了border-box，也就是说每个盒子实际的宽高就是100*100，然后我们给他们设置了margin-top:-4px;也就是说，实际我们给每一排往上折叠了4px，虽然3个盒子还是100*100，但是发生重叠了，ul元素高度实际就没有300了。试试下面的代码

.gridli:nth-child(-n+3){

margin-top: 0px;

}

快乐动起来呀

2019-11-10

同学把html代码也贴下吧，最好不要截图直接贴代码哈

前端跳槽面试必备技巧面试官全流程指导

一门让你能成功获取前端 Offer 的课程，不只是技术，面试“技巧”也至关重要

4836 学习 · 830 问题

相似问题

回答 2

回答 1

回答 1

回答 4

回答 1