绝对子女div待在家长

试图让位置绝对的子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>

页脚仅停留在内容的顶部。

来源

2011-10-31 slik

对不起，绝对定位不能这样工作，也许你应该包括你试图实现的布局图，并且有人可以告诉你如何去做。 –

那么，绝对位置的div也有显示：无。当一个按钮被点击div将显示。我需要该div来保持主内容div的顶部，并使包装器展开。 – slik

请尝试下面的代码，可以帮助您了解结构。

<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-31 05:37:09 pinaldesai

绝对子女div待在家长

回答

相关问题