在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

回答

相关问题