0

別のdivの下に設定した絶対位置divがあります。ブラウザを最大化または最小化するときにctrl+/-を押すと、絶対位置divが元の位置に留まりません。私がここで間違っているかもしれないことを誰かが指摘できますか？どうもありがとう。これが私のコードです：

<html>
    <head>
        <title>Test Page</title>
        <style type="text/css">
            body
            {
                margin: 0px;
                padding: 0px;
            }
            #header
            {
                width: 980px;
                height:80px;
                background: #006666;
                margin: 0 auto;
            }

            #content
            {
                color: white;
                padding-top: 30px;
                margin-left: 200px;
            }

            #menu
            {
                position: absolute;
                top:50px;
                left:222px;
                width: 100px;
                height: 20px;
                background: red;
            }                
    </style>
    </head>
    <body>
        <div id="header">
            <div id="content">Uttara.hr</div>
            <div id="menu"></div>
        </div>
    </body>
</html>
4

3 に答える 3

1

必要なのはテキストの下の赤だと思います。そのため、絶対位置のdivが実際に流出しないように、親divdivに与える必要があります。position: relative;

デモ

（注：divを好きなように調整できるようになりました）

CSS

#header {
    width: 980px;
    height:80px;
    background: #006666;
    margin: 0 auto;
    position: relative; <---------Here
}
于 2012-11-13T05:42:05.377 に答える
0

#header 子のコンテンツを内部に保持するには、絶対位置または相対位置に設定する必要があります。

または、両方#contentを#menu絶対に配置して、画面が調整されるときに一緒に移動することもできます

于 2012-11-13T05:46:15.180 に答える
0

最も外側のdivにcssを選択し、その位置を相対的に設定してから、すべてのdivのすべての位置を設定します。

あなたの最も外側のdivの場合：

style="position: relative;"
于 2012-11-13T05:49:24.913 に答える