溢出内容自动溢出隐藏?

时间:2012-11-06 11:16:54

标签: css overflow

我有height in %overflow: hidden;的div。在内容很大的情况下,在overflow: auto的div内部不显示滚动。

这样做是否可行?

直播:http://indorio.ru/inside-box.html(#overlay-box fluid,身高%)

1 个答案:

答案 0 :(得分:7)

溢出需要指定高度,否则元素将包装其内容。根据您的情况,您可以将高度指定为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/