如何将滚动添加到没有固定高度的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;