考虑以下页面: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/