关于容器高度的CSS“断点”

前端之家收集整理的这篇文章主要介绍了关于容器高度的CSS“断点”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

是否有一种优雅的方法来设置容器高度的断点.

例:

假设您有一个div,并且最小高度设置为100px.一旦内容变得太多,它就不会增长,而是增长另外100px,当内容最终到达200px的底部时,高度又增加100px.

以前有人做过这样的事吗?

最佳答案
我不认为这只能使用CSS,但你可以使用javascript

HTML:

JavaScript的:

var div = document.getElementById('div');
var height = 0;
div.style.height = height + "px";

while(div.scrollHeight > div.clientHeight){
    height += 50;
    div.style.height = height+"px";
}

http://jsfiddle.net/fa7d0/JkT7R/

猜你在找的CSS相关文章