css - 溢出内容自动隐藏在溢出内？

Question

我有一个 height in % 和 overflow: hidden; 的 div。当内容很大时，在带有 overflow: auto 的 div 中不显示滚动。

是否可以按照我的意愿去做？

直播:http://indorio.ru/inside-box.html (#overlay-box fluid with height of %)

Answer 1

Overflow 需要指定高度，否则元素将包裹其内容。根据您的情况，您可以将高度指定为 100%:

#outer {
  height: 400px;
  padding: 10px;
  background: red;
}
#inner {
  height: 75%;
  padding: 10px;
  background: blue;
}
#scroll {
  overflow: auto;
  height: 100%;
  background: green;
}
#content {
  height:400px;
}

http://jsfiddle.net/3xe7k/