gpt4 book ai didi

html - 全宽 div 内的水平滚动 div

转载 作者:太空宇宙 更新时间:2023-11-04 13:37:29 24 4
gpt4 key购买 nike

enter image description here我有一个水平适合屏幕的分区,里面有 5 个分区,我希望 4 个分区出现在屏幕上,当我水平滚动分区时,1 个分区出现。我希望滚动条只出现在 div 内部,而不是出现在浏览器窗口中。

下面是我的非工作代码,它把 h1 标签放在左边,我想把它放在左上角,然后在它下面有 5 个 div

.outer {
overflow-x: scroll;
width: 100%;
}

.inner {
width: 25%;
float: left;
}
<div class="outer">
<h1>Header Title</h1>
<div class="inner">
</div>
<div class="inner">
</div>
<div class="inner">
</div>
<div class="inner">
</div>
<div class="inner">
</div>
</div>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com