Question

让Div显示Scroll-able div中的垂直图像列表。

 <div id="sd" align="center"  style=" max-height: 200px; overflow: auto; " >

      <li><img src="1.jpg" .....
      <li><img src="1.jpg" .....
      <li><img src="1.jpg" .....
      <li><img src="1.jpg" .....
      <li><img src="1.jpg" .....
      <li><img src="1.jpg" .....

      ...
      ...


 </div>

我希望此div自动调整其高度，因为我们更改浏览器的高度或在不同的屏幕尺寸上打开它而不会丢失滚动条，max-height: 100%;无法在此处工作

Answer 1

您必须使用 jQuery 来设置max-height属性。例如，试试这个：

$("#sd").height($(window).height());

或：

$("#sd").css("max-height", $(window).height())

你也可以做任何算术操作：

$("#sd").height($(window).height() / 2);
$("#sd").css("max-height", $(window).height() / 3)

等

Div最大高度：200px;溢出：自动;有可能？

1 个答案: