css div元素的Html滚动框

vfh0ocws 于 2022-11-26 发布在其他

关注(0)|答案(1)|浏览(204)

我有这些“容器”，基本上是块与标题和句子或两个悬停动画。我试图有多个块进行彼此垂直滚动只在屏幕上的一个区域。

<div style="width: 300px; height: 100px; overflow-y:auto;">
<div class="container">
                <div class="fancy_card">
                    <div class="card_text">     
                        <h3 class="title">Title</h3>
                        <div class="summary">
                            Content
                        </div>
                        </div>
                    </div>
                </div>

我已经试过使用overflow-y：auto，overflow：scroll，我已经改变了高度，但我仍然不能弄清楚。任何帮助将不胜感激。

css

来源：https://stackoverflow.com/questions/74556644/html-scroll-box-for-div-elements

1条答案

按热度按时间

bzzcjhmw1#

<div style="width: 300px; height: 100px; overflow-y: auto">
      <div class="container">
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
        <div class="fancy_card">
          <div class="card_text">
            <h3 class="title">Title</h3>
            <div class="summary">Content</div>
          </div>
        </div>
      </div>
    </div>

这已经起作用了。你只需要足够的内容使它需要滚动。

赞(0）回复(0）举报 2022-11-26

我来回答

css div元素的Html滚动框

1条答案

相关问题

热门标签

最新问答