gpt4 book ai didi

css - 如何在不隐藏滚动条的情况下放置右侧导航栏?

转载 作者:行者123 更新时间:2023-11-28 14:57:59 25 4
gpt4 key购买 nike

考虑以下页面:http://www5.atpages.jp/~syockit/testFixed.html

我正在创建一个带有页眉、页脚和中间容器的页面,中间容器具有左右导航栏和中间的内容区域。问题是,我希望内容的滚动条位于窗口的右侧,而不是内容区域的右侧(以便在最大化模式下它可能遵循菲茨定律)。使用当前样式,右侧导航栏覆盖滚动条,使其不可见。

我注意到,如果启用整个页面的滚动条(即 <body>),导航栏将向左移动。所以一种解决方案是使用 <iframe>对于内容。但是,有什么方法可以让右侧导航栏在需要时向左移动以容纳滚动条,而无需诉诸 iframe?

有关使用 iframe 的示例,请参阅 www5.atpages.jp/~syockit/testIframe.html。

最佳答案

您的 div#content 向右扩展,您必须更改:这个

#content {   padding-right: 150px}

对此

#content {  margin-right: 150px;}

关于css - 如何在不隐藏滚动条的情况下放置右侧导航栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3210735/

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