1,使用grid,item内容溢出容器外
不能使用1fr,而要用%
原代码
.demo{display: grid;grid-template-columns: repeat(3,1fr);
}
修改后
.demo{display: grid;grid-template-columns: repeat(3,33.3%);
}
2,父元素通过判断子元素是否存在来设置父元素样式
// 当存在.son类时,.father的color就会为red
.father:has(.son) {
color: red;
}