CSS关于绝对位置

这里的例子http://jsfiddle.net/FW38N/1/CSS关于绝对位置

我怎样才能使与高股利（容器）：汽车，而不是有固定的高度使得它的

 .container{ 
     width:auto; 
     height:auto; 
     background-color:black; 
     position:relative; 
    } 

    .text { 
     position:absolute; 
     width:50px; 
     height:50px; 
     background-color:red; 
    } 

<div class='container'> 
     <div class='text'> 

     </div></div>

来源

2013-02-22 John Miller

我觉得这不是更多钞票用CSS只，因为“文本”是绝对的，就像在“其他维度”和“集装箱”不知道它的尺寸。也许包括一些JavaScript得到“文字”的大小，并应用尺寸（高度）为“容器”。 – 2013-02-22 22:25:48

我不相信有办法在不使用JavaScript或jQuery的情况下做到这一点。

当一个元素有position:absolute，它不占用父内部空间中。它与页面的布局和流程（如弹出窗口）是分开的。在上面的例子中，父母的高度为零，因为它没有占用空间。这是绝对定位行为的基本部分。

出于这个原因，这是有问题的，以用于在高度变化（除之类的弹出窗口和下拉菜单，这不是主要的页面布局的一部分，反正）内容绝对定位。实际上，每个具有绝对定位的元素都是弹出式的。

如果父母有position:absolute而不是孩子，那么父母可能有height:auto。

来源

2013-02-22 22:25:37

只写height:100%;它将格的高度设置为文本+利润的大小

来源

2013-02-22 22:26:09

'最小高度：100％'将更好地工作 – 2013-02-23 00:22:20

，你也可以尝试

<p class="text"> 
    Lorem ipsum dolor sit amet ... 
</p>

，而不是一个div

来源

2013-02-22 22:33:11 caramba

CSS关于绝对位置

回答

相关问题