IE 元素默认高度研究

网页制作 发布日期：2024/9/21 浏览次数：1

正在浏览：IE 元素默认高度研究
序号 HTML IE<=7 CSS样式 表现: 实际高度 (px) 说明 1 <div></div> 



            
            
            
            
            0
            啥事没有
        
        
            2
            <div></div>
            
            
width:100px;



            
            
            
            
            15
            触发haslayout
        
        
            3
            <div></div>
            
            
height:1px;


            
            
            
            
            0
            
        
        
            4
            <div></div>
            
            
overflow:hidden;


            
            
            
            
            15
            触发haslayout
        
        
             
        
        
            5
            <div></div>
            
            
width:100px; height:0px;


            
            
            
            
            0
            
        
        
            6
            <div></div>
            
            
width:100px; line-height:0px


            
            
            
            
            15
            
        
        
            7
            <div></div>
            
            
width:100px; font-size:0;


            
            
            
            
            2
            
        
        
            8
            <div></div>
            
            
width:100px; height:0px; line-height:0px;


            
            
            
            
            0
            
        
        
            9
            <div></div>
            
            
width:100px; height:0px; font-size:0;


            
            
            
            
            0
            
        
        
            10
            <div></div>
            
            
width:100px; height:0px; overflow:hidden;


            
            
            
            
            0
            成功
        
        
            11
            <div></div>
            
            
width:100px; line-height:0px; overflow:hidden


            
            
            
            
            15
            
        
        
            12
            <div></div>
            
            
width:100px; font-size:0px; overflow:hidden


            
            
            
            
            2
            
        
    





总结：


    
    
  1. 如果你需要从0开始自适应高度，那么不要定义width/height/overflow 
    2. 
    
  2. 如果你要定义小于15像素的高度，加上 overflow:hidden; 就可以了 
    3. 



演示地址: http://demo.jb51.net/html/IE-default-height.html

        
        

            
上一篇：css border引发的血案 

            
下一篇：级联样式文件共通样式整理 

        

        
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”：键盘需配有Copilot物理按键
几个月来，英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法，朝着更多的AI功能迈进。在近日，英特尔在台北举行的开发者活动中，也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。