overflow与flex同时使用发现的问题
2016-01-06 15:31
274 查看
这里讲一下,页面整体的布局都是用flex,即栅栏式布局,而用这个布局的好处是如果浏览器长度或者宽度手动调整,无需代码,页面会随之调整
而用flex为什么会与overflow扯上联系呢?
因为我要现实一组数据 大概50组 但是使用了插件iscroll来实现多余数据下拉显示,由于我的插件的父级div在一个使用flex的section 里面,也就是说高度是浏览器的高度自分配的,我没有给div和section设置overflow:hidden这个参数 就引起了一个情况 即:没有滚动条,当然这个原因就是父级元素被自元素的高度撑开,导致应该是500px的高度变成1500px这样的高度,因此如果不希望父元素被子元素的高度撑开,就应该设置 overflow:hidden参数
ps:一开始在谷歌发现这个问题的时候 我手动获得了500px这个值 然后给section以及div设置这个高度 使得插件可用,
但是到firefox怎么都不行,所以多观察浏览器的兼容性也可以发现自己代码的一些问题。
另外由兼容性引起的一个问题
new Date('2013-11-11 11:11:11')在谷歌下可用,在firefox和google下面均不实用
最好实用new Date('2013/11/11 11:11:11')
okay,另外奖励自己,今天棒棒嗒~
而用flex为什么会与overflow扯上联系呢?
因为我要现实一组数据 大概50组 但是使用了插件iscroll来实现多余数据下拉显示,由于我的插件的父级div在一个使用flex的section 里面,也就是说高度是浏览器的高度自分配的,我没有给div和section设置overflow:hidden这个参数 就引起了一个情况 即:没有滚动条,当然这个原因就是父级元素被自元素的高度撑开,导致应该是500px的高度变成1500px这样的高度,因此如果不希望父元素被子元素的高度撑开,就应该设置 overflow:hidden参数
ps:一开始在谷歌发现这个问题的时候 我手动获得了500px这个值 然后给section以及div设置这个高度 使得插件可用,
但是到firefox怎么都不行,所以多观察浏览器的兼容性也可以发现自己代码的一些问题。
另外由兼容性引起的一个问题
new Date('2013-11-11 11:11:11')在谷歌下可用,在firefox和google下面均不实用
最好实用new Date('2013/11/11 11:11:11')
okay,另外奖励自己,今天棒棒嗒~
相关文章推荐
- 如何用 React Native 创建一个iOS APP?
- poj 3268 Silver Cow Party
- VirtualBox 删掉虚拟镜像重新安装失败
- 第十二课 定位画图---坐标
- iOS 消息推送
- 看懂执行计划 顺序
- Java并发编程:并发基础概念
- js对象或类的方法设计模式解读
- leetcode49 Group Anagrams
- MyEclipse 快捷键大全(@Hcy)
- 远程连接服务器的方法:
- 获取MAC地址
- iOS开发-完整学习路线图
- Matlab从三维矩阵中取出一列并且reshape
- swift获取图片像素颜色值
- apistore接口调用demo
- jxls操作excel文件
- 手把手带你画一个 时尚仪表盘 Android 自定义View
- 显式和隐式启动Activity、Service
- QtDesigner向toolBar中添加action