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

Javascript 计算窗口宽度减去精确的像素数,javascript,jquery,css,Javascript,Jquery,Css,(window.innerWidth减去80px)部分如何正确编码: #myDiv{ 向右浮动; 右:(window.innerWidth减去80px); 宽度:40vw; 高度200px; 背景色:#333333; } 我完全有理由这样做 右侧:计算(100%-80px)应该工作。正确:计算(100%-80px)应该可以工作。我会写 right: calc(100vw - 80px); 另外,您还必须添加位置:相对要使right参数产生任何效果,请执行以下操作: 如果#myDiv嵌套在一

(window.innerWidth减去80px)部分如何正确编码:


#myDiv{
向右浮动;
右:(window.innerWidth减去80px);
宽度:40vw;
高度200px;
背景色:#333333;
}
我完全有理由这样做

右侧:计算(100%-80px)应该工作。

正确:计算(100%-80px)应该可以工作。

我会写

right: calc(100vw - 80px);
另外,您还必须添加
位置:相对
要使
right
参数产生任何效果,请执行以下操作:

如果
#myDiv
嵌套在一个或多个比窗口宽度窄的包装中(使用100%而不是100vw时可能会出现问题),也可以这样做。

right: calc(100vw - 80px);
另外,您还必须添加
位置:相对
要使
right
参数产生任何效果,请执行以下操作:


如果
#myDiv
嵌套在一个或多个比窗口宽度窄的包装中(使用100%而不是100vw时可能会出现问题)。

无法在css中使用javascript…请像这样查找
css calc()
右:calc(100%-80px)
右:calc(100%-80px)对定位宽度似乎不起作用:calc(100%-80px)确实起作用,但不对:calc(100%-80px)JSFIDLE.net/CWUH4HU4不能在css中使用javascript…像这样查找
css calc()
右:calc(100%-80px)右:calc(100%-80px)似乎对定位不起作用宽度:calc(100%-80px)确实起作用,但不正确:calc(100%-80px)jsfiddle.net/cwuh4hu4right:calc(100%-80px)似乎对定位不起作用宽度:calc(100%-80px)起作用,但不正确:calc(100%-80px)jsfiddle.net/cwuh4hu4@Eddy使用
position:absolute
获得此行为。正确:计算(100%-80px)似乎不适用于positioningwidth:calc(100%-80px)可以工作,但不正确:计算(100%-80px)jsfiddle.net/cwuh4hu4@Eddy使用
position:absolute
获得此行为。
#myDiv
需要有
position:relative;
才能使
right
参数生效:
#myDiv
需要有
position:relative;
才能使
right
参数生效: