• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small>
<sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • 

    <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    
成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩
,亚洲国产精品18久久久久久,黄色在线免费观看 

  
      
    

    

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

    

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

    				
    
								
			
    
		
    
		
		
	
    


    
    
  
    
    
    日歷
    
    
    
        
    
        
    
    
  
    
    
    
    
      
    鏈接
    
      
      
                
    
    
    
    
    
      
    個(gè)人資料
    
      
    
    
    
    
      
    存檔
    
      
    
    

    

    


  
 





主站蜘蛛池模板：
免费性爱视频|
日韩欧洲在线高清一区|
久久99精品久久久久久9蜜桃|
欧美乱人伦视频在线观看|
久久久亚洲精品一区二区三区|
97久久国产精品无码|
日韩欧美视频第一区在线观看|
欧美日韩国产在线观看免费|
国产香蕉一区二区三区|
91精品国产三级在线观看|
国产乱码精品一区二三
|
丁香亚洲综合五月天婷婷|
久久婷婷色综合五月天|
国外黄色大片久久久免费|
成人无码区在线观看|
久久精品国产福利一区二区|
午夜精品久久蜜臀av|
小13箩利洗澡无码免费视频|
国产一区日韩精品在线|
性爱网站在线观看|
久久韩国三级日本三级|
国产亚洲欧洲三级片A级|
一区二区三区在线蜜桃|
自拍一区在线视频观看
|
97久久久久国产精品嫩草影院|
国产一区二区三区观看在线|
eeuss国产一区二区三区|
久久99亚洲综合精品首页|
国产成人九九精品二区三区|
激情欧美成人久久综合|
久久精品无码专区免费青青|
精品国产VA久久久久久久冰|
正在播放国产多p交换视频|
亚洲乱码中文字幕综合久久|
国产日韩欧美|
久久亚洲AV成人一二三区|
久久综合给合久久国产免费|
国产av乳头久久一区|
亚洲男人的天堂久久香蕉网|
久久99精品久久久久婷婷暖|
久久国产乱子伦免费精品无码|