Question

这个问题可能很常见，因为我在过去的3个小时里一直在回答这些问题。但仍然没有成功。

我有一个父html，它占用了100％的页面高度。身体也占据了整个页面的100％。在身体元素我有3个div。我有第3个和最后一个，要占用页面的其余部分并且不留空格（现在就是这样）。

在最后一个div上尝试了height: 100%;，在body元素上尝试了overflow: hidden;。这只是占据我的页面并删除滚动条（但网站仍然滚动O_O）。

请帮忙。

编辑：似乎问题本身并不清楚。我希望最后一个div将页面高度的其余部分带到它的末尾。

    #div1{
   max-height: 150px;
}
 #div2{
    max-height: 150px;
}
    #div3{
    padding: 10px 0;
    margin: 0;
    height: 100%;
}

全部嵌套在嵌套在html元素中的body元素内。

我也有隐藏的信息，当我点击时需要显示..所以我确实需要页面来stratch，如果有任何更多的信息添加到页面（隐藏溢出整个文档将是一个问题而不是）

Answer 1

也许试试这段代码：

<body>
   <div id="container" style="height: 100%"; overflow="hidden">
      <div>
          asas
      </div>
      <div>
          sdsd
      </div>
      <div>
           wewe
      </div>
   </div>
</body>

100％的高度使div溢出

1 个答案: