Question

html,body{
    height:100%;
    margin:0;
}
#container{
    height:100%;
    background:red;
}
body>#container{
    height: auto;
    min-height: 100%;
}

我设置了一个带有这些css属性的容器，以获得100％的高度，并且它可以工作现在我在 #container 中有很多 div ，如下所示：

<div id="container">
    <div class="myClass"></div>
    <div class="myClass"></div>
    <div class="myClass"></div>
    etc.....
</div>

所以我将 overflow-y：auto; 应用到 #container ，以便在太多时将其滚动，但是它们会在没有显示滚动条的情况下离开容器。 ..我已经阅读了有关“100％高度容器和溢出”的其他帖子，但不是我的情况......任何解决方案？

感谢

Answer 1

这就是你想要的，我不知道有多少次我自己遇到过这个问题。确保在<html>上设置100％宽度，然后min-height上设置body和#container。

   html {
      height:100%;
    }

    body {
      min-height:100%;
    }

    #container {
     min-height:100%;
    }

如何将overflow-y设置为100％高度的容器

1 个答案: