overflow:hidden与position:absolute
2016-05-18 17:07
239 查看
在做一个下拉框的动画效果中遇到了这个bug,记录一下。
在写下拉框的动画的时候,一般我们的做法都是把下拉框的外盒子设为overflow:hidden,然后设下外层盒子高度,之后通过js慢慢的改变高度从而达到动画效果。
那么有时候我们设overflow:hidden的时候可能会遇到这样的bug。
首先上一个正常的版本
但是呢,当我们给子元素设了absolute的时候,此时我们的overflow:hidden就不起作用了
此时需要给我们的父元素设上相应的定位才能使得hidden生效
在写下拉框的动画的时候,一般我们的做法都是把下拉框的外盒子设为overflow:hidden,然后设下外层盒子高度,之后通过js慢慢的改变高度从而达到动画效果。
那么有时候我们设overflow:hidden的时候可能会遇到这样的bug。
首先上一个正常的版本
但是呢,当我们给子元素设了absolute的时候,此时我们的overflow:hidden就不起作用了
此时需要给我们的父元素设上相应的定位才能使得hidden生效
相关文章推荐
- JS判断是否是IE浏览器
- 用Maven部署war包到远程Tomcat服务器
- RESTful Web Service
- 【oschina android源码分析】缓存的设计
- CentOS6.x单用户模式修改root密码
- 一个python发包的脚本
- rpm命令详解
- UiAutomator——如何保存测试异常现场@Before @After
- Java实现在线预览--openOffice实现
- angular 对checkbox选择框的操作实例
- Android 开发框架介绍
- AutoMapper DynamicMap天坑
- 关于前端复用的实践
- 排序算法笔记
- Linux下用SCP无需输入密码传输文件
- skipfish使用
- Ubuntu 16.04 LTS下gnuplot的安装
- QT 图片按钮
- ActiveMQ 自学(三) 集群部署
- Gson解析数组