CSS 定位在 Chrome 上不起作用答案

【问题标题】：CSS positioning not working on ChromeCSS 定位在 Chrome 上不起作用
【发布时间】：2015-10-01 20:25:14
【问题描述】：

我有一个 Wordpress 网站，我想在主容器外显示两个垂直横幅。我正在使用这个 css，它适用于 Firefox 和 IE。然而，在 Chrome 上只显示左边的一个。有什么想法吗？

@media only screen and (min-width: 1100px){
    div.side-image-left {
        position: absolute;
        z-index: 98;
        left: -840px;
        top: -24px;
    }

    div.side-image-right {
        position: absolute;
        z-index: 99;
        left: 342px;
        top: -24px;
    }
}

【问题讨论】：

我认为你只能看到右边的，因为左边的位置有 -840px
为什么使用media-queries？除了 CSS 之外，我们只能帮助您；除了position 问题，请考虑创建Minimal, Complete, and Verifiable example。
没有定位上下文，代码没有多大用处。可能需要演示。
html
在小部件的侧边菜单中被调用。 -840px 适用于所有浏览器！ side-image-right 仅适用于 IE 和 Firefox，不适用于 chrome....
我看到了问题，但是站点有点大，我们无法调试。此外，如果您目前正在研究它，它是一个移动的目标：任何基于它的答案一旦发布就可能已经过时。所以请创建一个较小的（就源代码而言）版本；尽可能小，同时仍然证明问题。另外，两个侧边栏，在 Mozilla 中左侧是粘性的，右侧是静态的，这是设计使然吗？