gpt4 book ai didi

html - 如何在两个水平 DIV 中拆分屏幕,这两个 DIV 都有自己的滚动条? (给出的示例链接)

转载 作者:行者123 更新时间:2023-11-28 15:22:45 26 4
gpt4 key购买 nike

我只是想知道如何制作类似这样的东西: http://folderstudio.com/

我在 Wordpress 上运行,并通过子主题制作我的网站。它也会有一个固定的 header 。

我设法通过使用 overflow: scroll 和一些 height: *XX​​X*px 为每个 div 设置单独的滚动条,但我想通过 高度:100%

非常感谢!

最佳答案

像这样创建两个 div,每个都有自己的 overflow-y: scroll http://jsfiddle.net/DIRTY_SMITH/ns3u7uf5/9/

这里是 100% 的 div http://jsfiddle.net/DIRTY_SMITH/ns3u7uf5/11/

html

<div class="box-1">
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
<h1>BOX 1</h1>
</div>
<div class="box-2">
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>
<h1>BOX 2</h1>

</div>

关于html - 如何在两个水平 DIV 中拆分屏幕,这两个 DIV 都有自己的滚动条? (给出的示例链接),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31881981/

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