请教一个固定布局和遍历div的问题?-灵析社区

北北che

如图所示大的div固定在第一个,其中1234div是for循环出来的,这种布局能实现吗?或者有没有更好的方案 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241119/47e9afcea2ceb1a17fde0396f56a92c7.png)

阅读量:144

点赞量:1

问AI
"grid"布局完美解决!!! 布局是这样的,第一个固定的,其他动态渲染出来。 固定不动 其他1 其他2 其他3 其他4 其他5 其他6 其他7 然后就是样式,"grid"布局,一行两列,固定不动的占据两行一列。其他的自动排列。 .box { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #eee; gap: 10px; padding: 5px; } .box .box-item { border: 1px solid #eee; } .box .box-item:first-child { grid-row-start: 1; grid-row-end: 3; } 效果是这样的, "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241119/220321d48bc8d2ca2153d6ae9ceec5a7.png)