Question

html+css如果设置一个div高度随着内容自适应，但不会溢出窗口。

div高度是随着内容自适应，但我不想内容过多时溢出窗口，如何设置？
即div的高度最大不超过浏览器窗口的高度。。

Answer 1

你可以设置div的最高高度(max-height)为窗口的高度，滚动条设置为自动：overflow:auto，就可以实现所需。

追问

窗口的高度可能会动态变化，div的max-height有没有办法根据窗口的高度设定为动态的？
例如div的max-height窗口高度的80%，怎么设置？谢谢

Answer 2

把div的高度都取值auto 加个overflow属性
height:auto; overflow:hidden

Answer 3

html,body {margin:0; padding:0; height:100%}
div {max-height:100%; overflow:auto}