CSS如何让父容器的高度随着子容器的内容而自动变化！~求解

现有结构如下所示：<divclass="d1"><divclass="d2"><ul><li>...n...<li></ul></div></div>已知d1已经设置成w... 现有结构如下所示：
<div class="d1">
<div class="d2">
<ul><li>...n...<li></ul>
</div>
</div>
已知d1已经设置成width:990px; position:absolute; top:86px; bottom:0px; left:50%; right:50%; margin-left:-495px;
默认情况下d1的高度随着浏览器变化，也就是说d1的高度延伸至浏览器最底部，现在的问题是，当li的个数增加，超过了默认下的d1的高度，请问d1的高度如何随着d2的高度而自动增加，使d2的高度不会溢出d1容器。求解！~ 展开

 我来答

4个回答

#合辑# 机票是越早买越便宜吗？

豆沙兔子
2013-04-17

知道答主

回答量：19

采纳率：0%

帮助的人：5.5万

我也去答题访问个人页

关注

展开全部

<body style="height:100%;">
    <div class="d1" style="width:990px; position:absolute; height:auto!important;min-height:100%;height:100%;top:86px; left:50%; right:50%; margin-left:-495px;background:#0C9;"><!--设置最小高度代替bottom:0;-->
       <div class="d2" style="background:#CCC">
          <ul>
            <li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li><li>...n...<li>
            <li>...n...<li>
          </ul>
       </div>
    </div>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

匿名用户
2013-04-16

展开全部

哎，你这个css写得漏洞百出的，先把基础的css弄会了来吧，你这个要求要用js：
position:absolute;
top:86px;
bottom:0px;
left:50%;
right:50%;

已赞过 已踩过<

评论收起

匿名用户
推荐于2018-03-14

展开全部

如果想让 d1随子级元素变化，就只保留两样

.d1{ width="990px; float: left;" }

本回答被网友采纳

已赞过 已踩过<

评论收起

迷途之鷹
2013-04-16 · TA获得超过2894个赞

知道小有建树答主

回答量：440

采纳率：0%

帮助的人：336万

我也去答题访问个人页

关注

展开全部

把d1的height:auto;不就好了？

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

CSS如何让父容器的高度随着子容器的内容而自动变化！~求解

其他类似问题

为你推荐：