4. <sup id="1kcns"></sup>
    4. <rt id="1kcns"><legend id="1kcns"></legend></rt>
      
国产AV巨作丝袜秘书,国产精品久久香蕉免费播放,国产草草影院ccyycom,涩涩爱狼人亚洲一区在线,日本阿v片在线播放免费,国产精品一区二区三区蜜臀,精品一区二区三区在线观看l,av深夜免费在线观看 

  
      
    

      

	
      
		
      
			
      
				
      CSS3彈性布局怎么兼容IE（11）？
      
				
      
					
       2018-3-16      seo達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里 

      

      
    
    
      
        彈性布局（Flexbox）確實(shí)為我們構(gòu)建復(fù)雜、靈活的布局帶來了很大的便利，但是它的兼容性確實(shí)讓人很頭痛，下面是我遇到的一個問題：
    
      
    
      
        理想效果：
    
      
    
      
        
    
      
    
      
        IE11效果：
    
      
    
      
        
    
      
    
      
        html大概結(jié)構(gòu)：
    
      
    
      
        
      
            
      
                [html] view plain copy
                
      
                
      
      
            
      
        
      
        
        
            
      1. 
                <div class="box">  
            
        2. 
            
      2. 
                    <div class="input-container">  
            
        3. 
            
      3. 
                        <input />  
            
        4. 
            
      4. 
                        <div class="tooltip"></div>  
            
        5. 
            
      5. 
                    </div>  
            
        6. 
            
      6. 
                    <button></button>  
            
        7. 
            
      7. 
                </div>  
            
        8. 
        
      
    
      
    
      
        這里大致說一下css，input-container寬高沒設(shè)死，由input決定，并設(shè)置position: relative;相對定位，并采用display: flex;彈性布局。tooltip設(shè)置絕對定位，通過top調(diào)整垂直位置，由input-container的彈性布局屬性設(shè)置水平居中（是不是覺得我很作死，為什么不直接用絕對定位就把垂直水平都搞定了。哈哈，一切源于一顆裝B+傻B的心，不過，能實(shí)際體會一下flexbox帶來的問題，我覺得也挺好的）。
    
      
    
      
        
      
    
      
    
      
        結(jié)果在chrome下正常，IE11下就成上圖那樣了，我上MDN Web看了一下，說彈性布局是支持IE11的（下圖），但是從上圖來看，IE下垂直方向是對的，但是水平方向卻不對，說明flexbox還是沒被支持，我也嘗試著添加了各種前綴，還是不行。
    
      
    
      
        
    
      
藍(lán)藍(lán)設(shè)計( www.payeee.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù) 
      
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 





主站蜘蛛池模板：
久久精品国产福利一区二区
|
亚洲 欧美 中文 日韩天堂|
97久久超碰国产精品2021|
国产精品国产三级国产专区53|
日韩精品人妻av一区二区三区|
午夜国产精品福利一二|
亚洲欧美在线观看品|
亚洲天堂一区二区三区在线|
国内精品久久久久伊人aⅴ|
日本亚洲国产一区二区三区|
免费无码无遮挡裸体视频在线观看|
亚洲Av综合日韩精品久久久|
亚洲中文无码线在线观看|
日韩高清无码一卡二卡|
国产精品民宅偷窥盗摄|
宅男久久精品国产亚洲av麻豆|
亚洲AV永久中文无码精品综合|
国产福利精品一区二区|
天天爽天天爽天天爽天天爽|
影音制服国产|
国产成人精品冒白浆|
成人av在线播放不卡|
熟女一区二区三区视频|
亚洲av无码片在线播放|
亚洲国产av剧一区二区三区|
极品一区|
影音先锋2020色资源网|
洲人?拳交?残酷?业余|
国产精品久久久久久一区二区三区|
一本久道综合在线无码88|
日本边吃奶边摸边做在线视频|
亚洲综合天堂一区二区三区|
www.熟女|
久久亚洲精品中文|
免费黄色片成人国产精品|
av黄色网址|
永久免费观看美女裸体的网站
|
aV无码av高潮aV三区|
色播久久人人爽人人爽人人片av|
国产精品播放|
在免费jizzjizz高清在线播放|