html - 修复了溢出的侧边栏

Question

我的网页上存在溢出规则问题。所以我想创建 2/3、1/3 布局，其中侧边栏是固定的，链接锚定到 2/3 侧的 Id。

我使用这段代码来实现:

#nav-side {
position: fixed;
width: auto;
height: 70%;
overflow-y: auto;
font-weight: bolder;}

所以有很多链接，在较小的屏幕上无法在这个容器中全部掌握它们，但在更大的屏幕上我真的不想有这个 scroll 栏，我怎么能实现那个？

没有媒体规则，有什么办法可以做到吗？

另外，我怎样才能去掉底部的水平滚动条？

更新:

我注意到另一个令我困惑的问题，当在较小的屏幕、内容和滚动条上显示时，侧边栏会出现在页脚上。页脚有 z-index: 99999999999;

Answer 1

将此规则添加到您的#nav-side:

overflow-y: auto;

这样只有在溢出时才会垂直滚动。

并为页脚添加此规则以禁用水平滚动:

overflow-x: hidden;

更新

因为你有 position: fixed，这意味着元素相对于浏览器窗口定位，你可以添加 top 或 bottom 规则并定义您希望边栏距 top/bottom 的距离。