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,另外獎勵自己,今天棒棒嗒~
相關文章
- 當Bcrypt與其他Hash函式同時使用時造成的安全問題函式
- 如何不使用 overflow: hidden 實現 overflow: hidden
- display:flex解決的問題Flex
- iOS 微信支付SDK與微信友盟分享兩者同時整合時,出現的問題與解決之路。iOS
- 同時使用mybatis和mybatis-plus時,pageHelper失效問題解決MyBatis
- 解決text-overflow: ellipsis;不生效的問題
- 同時使用執行緒本地變數以及物件快取的問題執行緒變數物件快取
- Odoo和其他SprinBoot框架同時存在時時區問題Odooboot框架
- vue 變數賦值同時改變的問題Vue變數賦值
- 使用ChatGPT人工智慧回答國外知乎Stack Overflow上問題?ChatGPT人工智慧
- npm install 時出現的問題NPM
- @AllArgsConstructor與@Value共同使用引發的報錯問題Struct
- 使用finalshell出現的問題
- Promise使用時應注意的問題Promise
- javaSE基礎:extdens與implements同時使用的測試Java
- MySQL中union和order by同時使用的實現方法MySql
- 發現幾個小問題安裝時,模型檢視時模型
- Hive SQL必刷練習題:同時線上人數問題(*****)HiveSQL
- Netty中使用MessagePack時的TCP粘包問題與解決方案NettyTCP
- Flex 容器寬度被內容撐開的問題Flex
- TKE 容器網路中的 ARP Overflow 問題探究及其解決之道
- Nuxt升級2.0.0時出現的問題UX
- 在IDEA下使用JUnit出現的問題與解決辦法Idea
- 同時使用:gitlab & githubGitlabGithub
- flex與bison的結合使用(計算器例子)Flex
- 使用vue-server-render時碰到的問題VueServer
- 蘋果容器超出內容overflow滑動卡頓問題蘋果
- 發現一個問題
- 記一次Spring Boot專案部署,同時支援HTTP與HTTPS、80與443許可權問題Spring BootHTTP
- MySQL 使用 show tables 時出現 ERROR 1449 (HY000) 問題MySqlError
- 關於while(cin)回車結束 和 while(cin)與cin.get()結合時發現的問題While
- 使用air實現熱過載時遇到的問題處理方式記錄AI
- 遇到一個建表時出現的問題
- MongoDB常見問題解答:時間與時區MongoDB
- flex佈局,一行三列布局問題Flex
- display:flex與inline-flex 區別Flexinline
- 手機端區域性滾動問題 overflow-y:auto
- 設定子父元素overflow:hidden,子元素absolute不顯示問題
- Stack Overflow首席大神,他回答了超過3萬個問題