overflow:hidden与position:absolute
Posted 上啊比卡丘
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了overflow:hidden与position:absolute相关的知识，希望对你有一定的参考价值。
在做一个下拉框的动画效果中遇到了这个bug，记录一下。
在写下拉框的动画的时候，一般我们的做法都是把下拉框的外盒子设为overflow:hidden，然后设下外层盒子高度，之后通过js慢慢的改变高度从而达到动画效果。
那么有时候我们设overflow:hidden的时候可能会遇到这样的bug。
首先上一个正常的版本
但是呢，当我们给子元素设了absolute的时候，此时我们的overflow:hidden就不起作用了
此时需要给我们的父元素设上相应的定位才能使得hidden生效
以上是关于overflow:hidden与position:absolute的主要内容，如果未能解决你的问题，请参考以下文章
css如何让子元素不受父级的父级的overflow:hidden影响
兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素