css - 定位一个独立于窗口的div

Question

您在下面看到的图片是一个网站的放大截图。您看到的线宽约 1,000 像素。如果缩放，除了线条的大小外，网站的大小也会发生变化。所以这条线保持了他的宽度并使网站不成比例。

有没有一种方法可以使这条线(它周围有一个 div)的样式不会推送我网站的内容？

所以无论哪种方式，我都在寻找一种方法来使我的图像宽度可变(但我想你只能使用 JS 来做到这一点)或者我正在寻找一种方法来使这条线不受缩放的影响，所以它赢了'正在推送我网站的内容...

如果他们有任何不清楚的地方，请说出来，我会再试一次。我知道要掌握这个具体案例并不容易 :)

Answer 1

要忽略窗口只需执行固定宽度和相对位置的 div#wrap，现在所有子项都将与#wrap 相关，然后您可以调整窗口大小，所有 div 将与#wrap 相关，以居中 #wrap只需设置 margin: 0 auto;

<style type="text/css" media="screen">
    #wrap {
        width: 960px;
        position: relative; /* here is the magic */
        /* overflow: hidden */ /* enable here if you ilke "crop" on width */
    }
</style>
<div id="wrap">
    <!-- YOUR CODE HERE -->
</div>