2022面试实战篇----css
.grandchild 的字体大小为 0.8rem = 8px你可以看到,尽管 .child 和 .grandchild 嵌套在使用 em 的父元素内,但它们的大小计算都是相对于根元素的字体大小,因此不会出现尺寸叠加的问题。- item3 的 flex-grow 为 7,即所占比例为 7 / 12 = 58.3%所以最终这三个子元素会按照 25% : 16.7% : 58.3% 的比例布局,实现 3 : 2 : 7 的栅格效果。它是一个独立的渲染区域,让处于BFC内部的元素与外部的元素隔离开来。
原创
2023-04-26 16:21:20 ·
79 阅读 ·
0 评论