Question

<body>
    <div id="container">
        <div id="inside">
        </div>
    </div>
    <div id="special-div">
    </div>
<body>

我需要将special-div外部容器用于某些js注意事项

#inside{
     margin:auto;
     width:760px;
}
#special-div{
     position:relative;
     top:200px;
     left:300px
}

使用上面的CSS，special-div的位置随浏览器大小的变化而变化？那么，无论浏览器大小如何，我如何修复special-div的位置？

Answer 1

然后您可以使用position: absolute;代替position: relative;，还必须为此定义宽度和/或高度。

#inside{
     margin:auto;
     width:760px;
}
#special-div{
     position:absolute;
     top:200px;
     left:300px;
     width: 100%;
}

如果您将父div定义为position: relative;，那么您绝对定义的div将如下图所示

enter image description here