网格容器范围限制
在 CSS 网格中,格式化上下文仅限于网格容器内的父子关系。网格属性仅适用于其直接子级。
请考虑以下示例:
<ul>
此处,orgChartLevel1 是网格容器,orgChartLevel1a、orgChartLevel2 和 orgChartLevel2b 是其范围内的子级。
但是,作为网格容器后代的元素,例如作为 orgChartLevel2b,位于网格格式化上下文之外。应用于这些元素的网格属性将不起作用。
解决方案
要将网格属性应用于深度嵌套元素,您必须:
<ul>注释
<ul>相关阅读:
<ul>以上是CSS Grid 的格式化上下文能达到多远?的详细内容。更多信息请关注PHP中文网其他相关文章!