0

这是示例http://jsfiddle.net/FW38N/1/

我怎样才能使div（容器）具有高度：自动而不是使其具有固定高度 

        .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>
4

3 回答 3

0

我不相信不使用 JavaScript 或 jQuery 有办法做到这一点。

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

出于这个原因，对高度变化的内容使用绝对定位是有问题的（除了弹出窗口和下拉菜单之类的东西，它们无论如何都不是主页布局的一部分）。实际上，每个具有绝对定位的元素都是一种弹出窗口。

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

于 2013-02-22T22:25:37.433 回答
0

只需编写height:100%;它会将 div 的高度设置为文本的大小+边距

于 2013-02-22T22:26:09.467 回答
0

你也可以试试

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

而不是 div

于 2013-02-22T22:33:11.097 回答