html - 修复 div 在 body 内的位置

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无论浏览器大小如何，我如何固定位置？

score 4 · Accepted Answer

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

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

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

在此处输入图像描述

1 回答 1