固定侧边导航栏后剩余space

Question

我正在尝试创建一个具有侧边导航栏的网站，该栏以像素为单位进行固定和定义，因为无论 window 大小如何，我都需要它保持相同的大小。但是页面的其余部分需要响应。 我遇到的问题是，由于导航栏以像素为单位定义，而页面的其余部分以百分比为单位，我有一个我不想要的水平滚动条。我正在寻找一种只使用 window 中剩余的水平 space 的方法，即减去导航使用的像素？ 谢谢

Answer 1

这听起来像是 css 计算的工作：

width:90%;
width:calc(100% - 90px);

请注意，我们首先在没有计算的情况下写入宽度作为旧浏览器的后备。

http://css-tricks.com/a-couple-of-use-cases-for-calc/

Answer 2

我相信设置

overflow-x:hidden

在您的 CSS 中，您将防止出现水平滚动条。