html - body 内の div の位置を修正する

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