CSS使用vw和左邊位置計算最大寬度

Question

有沒有一種方法可以使用視口寬度和元素的左邊位置來計算CSS中的最大寬度？我有一個包含動態表格的div，它可以根據上傳的電子表格的列增長。我希望能夠爲容器應用最大寬度和水平滾動，我可以輕鬆地使用100vw。不過，我也有一個用戶可以切換的邊欄。所以我認爲計算最大寬度的最佳方法是通過100vw - [left position of container div]或者任何人都可以使用純粹的CSS爲此提出更好的解決方案。

Answer 1

谷歌搜索後，似乎這不支持。

但是，我已經解決了我的問題，通過在切換邊欄時使用附加到主體的類。考慮到側邊欄本身有固定的寬度，我做了這樣的事情：

body{ 
    div.horizontal-scroll { 
     max-width: calc(100vw - 310px); 
    } 
    &.sidebar-hidden { 
     div.horizontal-scroll { 
      max-width: calc(100vw - 80px); 
     } 
    } 
}