在div不正確的高度的css div

我想容器div調整其內容（content div）。它沒有。在div不正確的高度的css div

example.html的：

<html> 
    <head> 
     <link href="example.css" rel="stylesheet" type="text/css"/> 
    </head> 
    <body> 
     <hr/> 
     <div class="container"> 
      <div class="content"> 
      lorem ipsum 
      </div> 
     </div> 
     <hr/> 
    </body> 
</html>

example.css：

.container 
{ 
    border-style: solid; 
    position: relative; 
} 

.content 
{ 
    border-style: dashed; 
    position: absolute; 
}

商祺！

來源

2010-07-29 Panayiotis Karabassis

絕對定位div不依賴於他們的父div，所以它的大小不會改變。爲什麼它必須是絕對的？ – codersarepeople 2010-07-29 05:17:06

我在容器中有另一個div。我希望它們並排出現（在同一水平線上）。所以我使用絕對的第二個div來實現這一點。 – 2010-07-29 05:59:36

我相信這是因爲你的內容位置是絕對的。我認爲這在很大程度上破壞了父母的影響力。嘗試評論該行，看看它是否有效。

來源

2010-07-29 05:16:20

是的，但它必須是絕對的。這是一個演示問題的簡單示例。 – 2010-07-29 05:57:58

我注意到你說你想讓它們並排出現。你嘗試過使用'float：left;'？您需要將它應用於兩者，並刪除絕對位置。如果你真的需要使用絕對的，你需要做一些創造性的JavaScript，並且在window \ container被調整大小時可能會更新JavaScript的大小。 – 2010-07-29 13:40:29

是的，但問題是，如果兩個div的大小超過窗口大小，第二個浮動div將出現在第一個浮動div下面。無論如何，非常感謝你和其他人！ – 2010-07-29 14:29:20

在div不正確的高度的css div

回答

相關問題