计算窗口宽度减去精确的像素数量

Question

我如何正确编码，（window.innerWidth减去80px）部分：

<div id="myDiv"></div> 

<style>
#myDiv{
        float-right;
        right: (window.innerWidth minus 80px);
        width: 40vw;
        height 200px;
        background-color: #333333;
}
</style>

我有理由这样做。 JSFIDDLE HERE

Answer 1

right: calc(100% - 80px);应该有用。

Answer 2

我会写

right: calc(100vw - 80px);

此外，您必须为position: relative;参数添加right才能产生任何效果：https://jsfiddle.net/78hd0hf1/1/

如果#myDiv嵌套在一个或多个比窗口宽度窄的包装中（当使用100％而不是100vw时可能会出现问题），这也有效。