絕對子女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待在家長

回答

相關問題