html - 最大高度的div：200px；溢出：自动；可能的 ？

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)

等等