overflow與flex同時使用發現的問題

wzm10455發表於2016-01-06

這裡講一下,頁面整體的佈局都是用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,另外獎勵自己,今天棒棒嗒~

相關文章