首页 > 解决方案 > html、head 或 body 是否有高度限制,或者网格是否有重复限制?

问题描述

我有一个带有 css 的 Ul 标签,如下所示

.tempUl{
   display: grid; 
   grid-gap: 5px; 
   grid-template-columns: repeat(auto-fill ,minmax(400px, 2fr)); 
   grid-auto-rows: 5px;
}

我正在尝试制作 2 列无限滚动 ul。直到 html、body、div(.container) 的高度达到 10262px 时,li 标签才定位良好。但是,尽管我对这些标签进行了任何限制,但网格在某个点结束。

在此处输入图像描述

标签: htmlcsscss-grid

解决方案


所以,这个答案会导致另一个问题,但这仍然是我的答案。 网格轨道限制

如果网格行或列有限制,这是否意味着无法使用网格创建无限滚动?


推荐阅读