абсолютный дочерний div, чтобы остаться в родителе - PullRequest
Новая
       36

абсолютный дочерний div, чтобы остаться в родителе

0 голосов
/ 31 октября 2011

Попытка создать дочерний элемент 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>

Нижний колонтитул просто остается поверх содержимого.

1 Ответ

0 голосов
/ 31 октября 2011

Попробуйте приведенный ниже код, может помочь вам понять структуру. 

<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>
...