定位与窗口无关的div

Question

您看到的图片是网站的缩放屏幕截图。你看到的线宽约1,000px。如果你缩放，de网站的大小会改变，除了行的大小。因此，这条线保持了他的宽度，推动网站不成比例。

我有没有办法设计这条线（它有一个div围绕着他），它不会推动我网站的内容？

所以无论哪种方式，我都在寻找一种方法来使我的图像变量宽度变化（但我想你只能用JS做这个）或者我想找到一种方法让这条线免受变焦的影响所以它赢了不要推我网站的内容......

如果他们有什么不清楚，请说出来，我会再试一次。我知道要抓住这个具体案例并不容易：）

Answer 1

要忽略窗口，只需执行一个固定宽度和位置相对的div #wrap，现在所有子节点都是#wrap的相对值，然后你可以调整窗口大小，所有div都是#wrap的相对位置，以#wrap为中心只需设置保证金：0自动;

<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>