当height> max时忽略底部填充

我有一个容器div，内容周围有一些填充， overflow: auto的最大高度overflow: auto ，以及容器底部的一些按钮。 当容器内容增长到足以出现滚动条时，底部填充就会消失。 除了Chrome浏览器之外，这似乎发生在每个浏览器中。

.container {
  border: 1px solid;
  padding: 15px;
  max-height: 200px;
  overflow-y: auto;
  
  display: inline-block;
  width: 200px;
}

.footer {
  background: green;
}

<div class="container">
  <div style="height: 100px">Hello World</div>
  <div class="footer">Footer Stuff</div>
</div>

<div class="container">
  <div style="height: 200px">Hello World</div>
  <div class="footer">Footer Stuff</div>
</div>

链接地址: http://www.djcxy.com/p/88421.html

上一篇: bottom padding ignored when height > max

下一篇: Stack two internal divs on top of eachother while possibly keeping float