基于实现元素的展开收缩，通常的想法是通过控制display的元素属性和none之间的切换，虽然说功能可以实现，但是这种展开是没有任何动画的效果，只是单纯的显示与隐藏。例外一种方法就是通过JQuery的slideUp()、slideDown()方法，这是jQuery带有的功能属性，大家都应该很清楚 ...

min-height/max-height当里面内容超出对应高度时，滚动条会出现在#body上 ...

1.上面是点击的部分，可自定义，下面是我项目的内容部分，下面的代码是功能部分的代码，去掉了不必要的部分记录。 代码：这部分，要注意的是样式。 <ul class="n ...

一个元素不设置高度时，height的默认值是 auto，浏览器会自动计算出实际的高度。那么如何为一个height:auto的元素添加 css3动画呢？在MDN文档中css 支持动画的属性中的 height 属性如下 ：当 height 的值是 length，百分比或 calc() 时支持 css3 ...

元素高度：max-height height > min-height > max-h ...

.div{ max-height: 100px; _height:expression(this.scrollHeight > 100 ? "100px" : "auto"); overflow-y:auto; } 这样就可以让div在ie和firefox中都实现max-height的效果 ...

需求：点击下方优惠信息，展开当前详情内的全部优惠信息，所在块自动向上升高，动画时长0.3秒（为了方便演示demo，我把时长改为1秒），第二次点击重新收缩，显示最上方一条，没有数据时不显示优惠信息区域。 效果图： html部分： css部分： js部分 ...

MDN说法： max-height 这个属性会阻止 height 属性的设置值变得比 max-height 更大。 max-height 属性用来设置给定元素的最大高度. 如果height 属性设置的高度比该属性设置的高度还大,则height 属性会失效. max-height 重载（覆盖 ...