css - 使网格列可滚动

Question

我正在尝试使网格的第一列可滚动：

<div class="mud-grid">        
    <div class="mud-grid-item mud-grid-item-xs-4" >
        <MudPaper>
        <h1>Filter criterias</h1>
        <div style="height: 100vh; overflow-y: auto;">
        @for(int i=0;i<35;i++){
        <div style="height:50px;border:1px solid;">  Filtering parameter #@i </div>
        }
        </div>
        </MudPaper>
        
    </div>
    <div class="mud-grid-item mud-grid-item-xs-8">
         <h1>Search Results</h1>
       @for(int i=0;i<1500;i++){
        <div style="height:50px;border:1px solid;">  Searc Results #@i </div>
        }
    </div>
</div> 

我的实现就在这里，一种高度的风格：100vh给我带来了一些麻烦

如何将此值设置为自动适应内容，即使我在左侧有 100 个项目，让内容完全滚动到底部，让右侧部分保持独立。

Answer 1

你的链接没有为我加载..所以我对你的解释有点困惑，但你可以试试width:fit-content overflow: auto

溢出自动应该导致出现滚动条