0

相対位置を含む親 div を展開するために、絶対位置で子 div を作成しようとしています。

<html>
<head>
    <title>Stay in parent</title>
</head>
<body>
    <div style="position:relative">
        <div>
            header
        </div>
        <div style="position:absolute;">
            content<br />
            content<br />
            content<br />
        </div>
    </div>
    <div id="footer" style="clear:both">
        footer
    </div>
</body>
</html>

フッターはコンテンツの上に表示されます。

4

1 に答える 1

0

以下のコードを試してみてください。構造を理解するのに役立つかもしれません。

<html>
<head>
    <title>Stay in parent</title>
</head>
<body>
    <div style="width:100%; height:90%; border:#999999 1px solid; padding:2px;">
        <div style="width:99%; border:#3399FF 1px solid;padding:2px;">
            header
        </div>
        <div style="width:99%; float:left; border:#3399FF 1px solid;padding:2px; ">
            content<br />
            content<br />
            content<br />
        </div>
    </div>
    <br clear="all" />
    <div id="footer" style="width:100%;border:#999999 1px solid;padding:2px;">
        footer
    </div>
</body>
</html>
于 2011-10-31T05:37:09.037 に答える