相対位置を含む親divを展開するために絶対位置で子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>
フッタはコンテンツのオンタップのままです。
以下のコードを試してください。構造を理解するのに役立ちます。
<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>
申し訳ありませんが、絶対的な位置付けがうまくいかない場合は、達成しようとしているレイアウトの図を含める必要があります。 –
まあ、position絶対値を持つdivもdisplay：noneを持っています。ボタンがクリックされると、divが表示されます。メインのコンテンツdivのontopに滞在してラッパーがw/itを展開するようにdivが必要です。 – slik