我的响应式CSS有一个非常奇怪的问题。身体宽90％。
如果水平分辨率低于1200px，我将其更改为100％（使用媒体查询），但在低于1000px的分辨率下，它应该再次为100％。
我的页面有两个居中的容器，另一个在左侧（z-index后面）正确的容器，它有一个背景图像。两个容器都有流体宽度。
所以基本上当屏幕宽度低于某一点时，带有图像的左侧容器几乎不在右侧。合适的容器有20px的余量，留有一些空间。这20px的保证金应该是透明的。
这很好用，但是如果我在1000px和1200px之间缩放浏览器，那么来自正确内容容器的边距变得不透明，但它不应该。它应该是透明的，因为它的宽度更宽。
我不知道这种行为来自哪里，因为我没有在边缘改变任何东西。
只需将浏览器扩展到1000px和1200px之间的宽度，然后就可以看到图像和内容之间的绿色差距。 （如果你把更多的tahn 1200px缩放，你会看到边缘再次透明）
抱歉有点难以解释答案 0 :(得分：2)
它不会变得不透明。
问题不在于右侧div与左侧重叠。问题在于左边的div宽度。
这是40％，一旦您的浏览器变得太窄，它开始变得比图像小。
如果您向左侧div添加min-width:780px，它将起作用。并且由于它是固定的并且具有较低的z-index，因此您无需担心其大小。