无法确定 box-sizing、媒体查询或 javascript答案

【问题标题】：Can't figure out either box-sizing, media queries or javascript无法确定 box-sizing、媒体查询或 javascript
【发布时间】：2013-04-13 04:47:06
【问题描述】：

我这辈子都想不通。我正在建立一个站点：http://ingenious.jit.su/，并且我已经设置了一个侧边栏，可以跟随您在页面的一部分下方。在我发现这个错误之前，我对此非常满意。

如果您在 Windows 机器上的 Chrome 中打开，并将浏览器宽度调整到 781 到 798 之间，侧边栏将固定在页面内容上：(

由于某种原因，我的媒体查询似乎在低于 780 像素的最大屏幕宽度之前已激活。

任何帮助都会动摇！

【问题讨论】：

【解决方案1】：

嗯，有几种方法可以解决这个问题。您的 JavaScript 导致您的 #followbar 被修复，您可以在那里进行编辑，或者将其添加到您的 @media screen and (max-width: 780px) 下的 CSS 中

#followbar
{
    position:static !important;
}

这只是一个快速修复。您的 JavaScript 可能需要进行一些调整，但这会处理它。

【讨论】：

非常感谢！ JavaScript 有什么提示吗？
你知道，不要使用相对或继承，而是使用静态。这应该可以解决我能看到的所有问题。
您的 JavaScript 正在发挥作用。我认为可能发生的情况是 780px 媒体查询在 JavaScript 之前触发，所以 JavaScript 仍然像我们在桌面版本上一样，而 CSS 正在应用移动功能。如果您编辑了该值，而不是 if(width > 780/*this value*/) 可能会这样做。但是 CSS 修复应该可以解决问题。
我不太确定。我看不出媒体查询提前触发的原因。唯一对我有意义的是定位。我使用 *{box-sizing:border-box} 重置（当然带有所有适当的前缀），我认为这可能会将侧边栏推出它的显示内联块位置。但我也无法用这种方法解决它。