html - 最大高度为 : 200px; overflow: auto; Possible ? 的 Div

Question

有一个 Div 以在 可滚动的 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 来设置最大高度属性。例如试试这个:

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

或:

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

你也可以做任何算术运算:

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

等等