• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      CSS3彈性布局怎么兼容IE(11)?

      2018-3-16    seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里 

      彈性布局(Flexbox)確實為我們構建復雜、靈活的布局帶來了很大的便利,但是它的兼容性確實讓人很頭痛,下面是我遇到的一個問題:

      理想效果:

      IE11效果:

      html大概結構:

      [html] view plain copy
      1. <div class="box">  
      2.     <div class="input-container">  
      3.         <input />  
      4.         <div class="tooltip"></div>  
      5.     </div>  
      6.     <button></button>  
      7. </div>  

      這里大致說一下css,input-container寬高沒設死,由input決定,并設置position: relative;相對定位,并采用display: flex;彈性布局。tooltip設置絕對定位,通過top調整垂直位置,由input-container的彈性布局屬性設置水平居中(是不是覺得我很作死,為什么不直接用絕對定位就把垂直水平都搞定了。哈哈,一切源于一顆裝B+傻B的心,不過,能實際體會一下flexbox帶來的問題,我覺得也挺好的)。


      結果在chrome下正常,IE11下就成上圖那樣了,我上MDN Web看了一下,說彈性布局是支持IE11的(下圖),但是從上圖來看,IE下垂直方向是對的,但是水平方向卻不對,說明flexbox還是沒被支持,我也嘗試著添加了各種前綴,還是不行。

      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: 无码人妻精品一区二区三区温州| 亚洲一区二区三区在线播放| 久久婷婷激情亚洲综合色| 亚洲成人性爱网| AV黄色| 亚洲精品成人| jizzjizz视频| 亚洲V色| 偷窥村妇洗澡毛毛多| 97资源超碰| av中文资源在线资源免费观看| 9191久久| 欧美丝袜另类| 69avav?cn| 人妻中文字幕免费观看| 狠狠干2025| 1024手机看片欧美日韩| 内射干少妇亚洲69XXX| 一区二区三区精品免费视频| 中文字幕在线v| 伊人av中文av狼人av| 国产黄a三级三级| 毛片夜夜夜夜夜夜欢| 中文字幕少妇人妻| 色老头老太XXXXBBBB| 成人三级久久久久视频| 久久婷婷操| 日韩av一区在线| 龙游县| 加勒比东京热综合久久| 乐活家庭迅雷| 亚洲国产午夜精华无码福利| 永久免费mv入口| 亚洲精品视频在线| 拉萨市| 精品人妻系列无码人妻免费视频| 撸色网| 久久久久久AV无码免费网站动漫| 国产综合自拍| 国产免费一区二区三区在线| 国产日本免费最新一区|