固定側導航欄后的剩余空間

Question

我正在嘗試制作一個具有固定和以像素為單位定義的側面導航欄的網站，因為無論窗口大小如何，我都需要使其保持相同的大小。 但是，頁面的其余部分需要響應。 我的問題是，由於導航欄是以像素為單位定義的，而頁面的其余部分是按百分比排列的，所以我有一個我不需要的水平滾動條。 我正在尋找一種僅使用窗口中剩余水平空間的方法，即減去導航所使用的像素？ 謝謝

Answer 1

這聽起來像CSS Calc的工作：

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

請注意，對於舊的瀏覽器，我們首先編寫不帶calc的寬度作為后備。

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

Answer 2

我相信那個設置

overflow-x:hidden

在CSS中，您將阻止水平滾動條出現。