• <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還是沒被支持,我也嘗試著添加了各種前綴,還是不行。

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

      日歷

      鏈接

      個人資料

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

      存檔

      主站蜘蛛池模板: 国产一区二区三区在线观看免费| 国产丝袜AV| 97超碰人妻| 扶风县| 朝鲜女人大白屁股ASS孕交| 真人在线射美女视频在线观看| 三上悠亚福利一区二区| 国产野战AV| 第一福利导航视频| 三成人免费看| 国产乱淫av国产8| 沂南县| av加勒比| www.91av| 无码日韩人妻精品久久| 午夜小电影| 香蕉久久夜色国产精品| 色色激情网| 达孜县| 亚洲AV第二区国产精品| 福利导航在线| 国产三级精品在线免费| 亚洲中文字幕乱码一区| 亚洲精品在线观看中文字幕| 国产成人久久久777777麻豆| 日韩爱爱视频| 真实国产乱子伦对白视频| 日韩在线| 愛爱视频在线3| 91丨露脸丨熟女精品| 国产精品中文字幕自拍| 性史性农村dvd毛片| 欧美A√| 影音先锋国产精品| 中文字幕久久亚洲精品| 中文字幕精品熟女| 午夜精品久久久久久久久久老司机| 午夜影院色| 乌拉特前旗| 欧美AⅤ| 国产精品亚洲а∨天堂免下载|