css - 如何将滚动添加到没有固定高度的div

Question

我有一个我不想给出固定高度的 div。

我希望这个 div 有一个滚动，以防内容大于窗口，

我将此添加到我的 div 中：

overflow: auto;
overflow-x: hidden;

但是如果窗口的内容更大，我仍然看不到滚动。

对此的任何想法表示赞赏。

Answer 1

您可以使用 javascript 来确定窗口的高度，然后像@Fags 建议的那样设置 max-height css 属性。

<script>
$(function() {
  var $window = $(window);
  var setMaxHeight = function() {
    $('#div_id').css('max-height', $window.height());
  }
  $window.on('resize', setMaxHeight);
  setMaxHeight();
});
</script>

Answer 2

尝试这个

max-height:set from javascript和overflow-x:scroll;

例如

http://jsfiddle.net/PJbhH/

Answer 3

尝试

max-height:400px;//some px value
overflow:auto;