您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:如果使用HTML5文档类型，为什么不能将div的高度设置为100％？如何获得100％的高度

如果使用HTML5文档类型，为什么不能将div的高度设置为100％？如何获得100％的高度

如果使用HTML5文档类型，为什么不能将div的高度设置为100％？如何获得100％的高度

仅当父元素具有定义的高度（即，不是的值）时auto。如果高度为100％，则还必须定义父级的父级高度。这可以一直到html根元素。

因此，将html和body元素的高度100%以及您希望首先拥有的元素的每个单个祖先元素设置为100% height。

请看以下示例，使其更清晰：

html, body, .outer, .inner, .content {

  height: 100%;

  padding: 10px;

  margin: 0;

  background-color: rgba(255,0,0,.1);

  @R_455_2419@-sizing: border-@R_455_2419@;

}


<div class="outer">

  <div class="inner">

    <div class="content">

      Content

    </div>

  </div>

</div>

如果我不给100％的钱，这是行不通height的-say html元素：

body, .outer, .inner, .content {

  height: 100%;

  padding: 10px;

  margin: 0;

  background-color: rgba(255,0,0,.1);

  @R_455_2419@-sizing: border-@R_455_2419@;

}


<div class="outer">

  <div class="inner">

    <div class="content">

      Content

    </div>

  </div>

</div>

… 要么 .inner

html, body, .outer, .content {

  height: 100%;

  padding: 10px;

  margin: 0;

  background-color: rgba(255,0,0,.1);

  @R_455_2419@-sizing: border-@R_455_2419@;

}


<div class="outer">

  <div class="inner">

    <div class="content">

      Content

    </div>

  </div>

</div>
其他 2022/1/1 18:14:52 有513人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶