Css 绝对子div保留在父级中_Css_Position_Positioning_Absolute

Css 绝对子div保留在父级中

css

Css 绝对子div保留在父级中,css,position,positioning,absolute,Css,Position,Positioning,Absolute,尝试使用位置为绝对的子div来展开包含位置相对的父div <html> <head> <title>Stay in parent</title> </head> <body> <div style="position:relative"> <div> header </div> <div styl

尝试使用位置为绝对的子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>


留在父母家里
标题
内容

内容

内容



页脚

很抱歉，绝对定位不是这样工作的，也许你应该包括一张你试图实现的布局图，有人可以告诉你怎么做。好吧，有绝对位置的div也有一个显示：无。单击按钮时，将显示该div。我需要那个div保持在主内容div的顶部，并让包装器扩展w/it。