overflow与flex同时使用发现的问题

这里讲一下,页面整体的布局都是用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,另外奖励自己,今天棒棒嗒~

你可能感兴趣的:(响应式web设计)