码迷,mamicode.com
首页 > 其他好文 > 详细

overflow:hidden与position:absolute

时间:2016-05-18 17:39:54      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:

在做一个下拉框的动画效果中遇到了这个bug,记录一下。

在写下拉框的动画的时候,一般我们的做法都是把下拉框的外盒子设为overflow:hidden,然后设下外层盒子高度,之后通过js慢慢的改变高度从而达到动画效果。

那么有时候我们设overflow:hidden的时候可能会遇到这样的bug。

首先上一个正常的版本

技术分享

技术分享

但是呢,当我们给子元素设了absolute的时候,此时我们的overflow:hidden就不起作用了

技术分享

此时需要给我们的父元素设上相应的定位才能使得hidden生效

技术分享

技术分享

overflow:hidden与position:absolute

标签:

原文地址:http://www.cnblogs.com/jelly7723/p/5505869.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!