Jquery 带有侧边距的边栏和纯CSS？

这很简单：

此解决方案的问题在于，如果窗口变大，则

#侧边栏

（红色）会粘在窗口上，并与

#内容

（黄色）留下巨大的间隙：

我们如何解决这个问题，也就是说，当窗口宽度增加时，我们如何将间隙添加到侧边栏的右侧而不是左侧？这是：

---

有没有可能实现与JavaScript相同的功能，即使用纯CSS？

对此有一个简单的解释。A

位置：固定的

元素需要通过XY轴从屏幕定位，而不是从其相对父元素定位。该元素位于视口右侧零像素处

最好的解决方案是更改为

absolute

，但可能您不希望出现这种行为

也许您需要研究粘性定位元素：

---

有一个简单的解释。A

位置：固定的

元素需要通过XY轴从屏幕定位，而不是从其相对父元素定位。该元素位于视口右侧零像素处

最好的解决方案是更改为

absolute

，但可能您不希望出现这种行为

也许您需要研究粘性定位元素：

---

有一个简单的解释。A

位置：固定的

元素需要通过XY轴从屏幕定位，而不是从其相对父元素定位。该元素位于视口右侧零像素处

最好的解决方案是更改为

absolute

，但可能您不希望出现这种行为

也许您需要研究粘性定位元素：

---

有一个简单的解释。A

位置：固定的

元素需要通过XY轴从屏幕定位，而不是从其相对父元素定位。该元素位于视口右侧零像素处

最好的解决方案是更改为

absolute

，但可能您不希望出现这种行为

也许您需要研究粘性定位元素：

---

我想你在找

calc（）

在您的示例中，由于

#page wrap

和

#sidebar

具有固定的宽度，因此可以通过设置

left: calc(50% + 110px);

110px

是

600px/2-190px

的结果

---

[]我想你在找

calc（）

在您的示例中，由于

#page wrap

和

#sidebar

具有固定的宽度，因此可以通过设置

left: calc(50% + 110px);

110px

是

600px/2-190px

的结果

---

[]我想你在找

calc（）

在您的示例中，由于

#page wrap

和

#sidebar

具有固定的宽度，因此可以通过设置

left: calc(50% + 110px);

110px

是

600px/2-190px

的结果

---

[]我想你在找

calc（）

在您的示例中，由于

#page wrap

和

#sidebar

具有固定的宽度，因此可以通过设置

left: calc(50% + 110px);

110px

是

600px/2-190px

的结果

---

[]

我知道

位置：fixed

是如何工作的，我已经把它改成了

绝对值

，你可能已经从我的第二段代码中看到了这一点。但是

position:sticky

对我来说是新的，我会读一读。position:sticky与所有浏览器都不兼容。我与您共享一个链接，其中包含多边形填充。Polyfills帮助您与旧浏览器兼容。祝你好运我知道

position:fixed

是如何工作的，我已经将其更改为

absolute

，您可能已经从我的第二个代码片段中看到了这一点。但是

position:sticky

对我来说是新的，我会读一读。position:sticky与所有浏览器都不兼容。我与您共享一个链接，其中包含多边形填充。Polyfills帮助您与旧浏览器兼容。祝你好运我知道

position:fixed

是如何工作的，我已经将其更改为

absolute

，您可能已经从我的第二个代码片段中看到了这一点。但是

position:sticky

对我来说是新的，我会读一读。position:sticky与所有浏览器都不兼容。我与您共享一个链接，其中包含多边形填充。Polyfills帮助您与旧浏览器兼容。祝你好运我知道

position:fixed

是如何工作的，我已经将其更改为

absolute

，您可能已经从我的第二个代码片段中看到了这一点。但是

position:sticky

对我来说是新的，我会读一读。position:sticky与所有浏览器都不兼容。我与您共享一个链接，其中包含多边形填充。Polyfills帮助您与旧浏览器兼容。祝你好运