IE的haslayout是个很纠结的东西,掌握好CSS就得掌握好它。初学CSS时走了很多弯路,以下几篇文章在我的学习中起了很大的作用,希望能让大家受益。
拥有layout概述
Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其”layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为&rdqu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2011-11-30 19:54:18
                            
                                211阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                IE下如果设置position:absolute或者relative,总是偶尔会出现定位不正确的问题,如果使父容器有了haslayout,那么定位问题又可以恢复正常了。常用的获得haslayout的方法是给css设置zoom:1;IE下的定位和haslayout有莫大的关联,常见的问题还有躲猫猫bug和边框截断bug,都可以通过zoom:1;解决。
 
      今天写个脚本,给某个di            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-02-02 18:54:00
                            
                                221阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
                IE下如果设置position:absolute或者relative,总是偶尔会出现定位不正确的问题,如果使父容器有了haslayout,那么定位问题又可以恢复正常了。常用的获得haslayout的方法是给css设置zoom:1;IE下的定位和haslayout有莫大的关联,常见的问题还有躲猫猫bug和边框截断bug,都可以通过zoom:1;解决。      今天写个脚本,给某个div设了            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-02-02 18:54:00
                            
                                87阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            什么是hasLayout?hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-07-11 14:10:00
                            
                                34阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            
    
        
                  <style type="text/css">
        
    
    
        
            07
            a:hover { }
        
    
            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2011-11-30 19:59:44
                            
                                225阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            概述IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug。本页列举了IE下的一些问题,实例样本和一些我们已知的解决方法。尽管我已经尽力按照它们本来的性质对它们进行分类,仍有许多bug可以分在好几个部分之下            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-08-12 11:49:00
                            
                                26阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            定义  haslayout是IE7-浏览器的特有属性。hasLayout是一种只读属性,有两种状态:true或false。当其为true时,代表该元素有自己的布局,否则代表该元素的布局继承于父元素。  [注意]通过element.currentStyle.hasLayout可以得出当前元素的hasLayout情况 HTML标签  默认触发hasLayout的有如下HTML标签:  【1】            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-05-08 14:54:57
                            
                                252阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout 属性值为true时,我们说这个元素有            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-01-24 17:05:00
                            
                                98阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             
 
        触发hasLayout:
 
position:absolute
float:left|right
display:inline-block
width:非auto
height:非auto
zoom:非normal            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 07:08:44
                            
                                99阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我们都知道浏览器有bug,而IE的bug似乎比大多数浏览器都多。IE的表现与其他浏览器不同的原因之一就是,显示引擎使用一个称为布局(layout)的内部概念。因为布局是专门针对显示引擎内部工作方式的概念,所以一般情况下不需要了解它。但是,布局问题是许多IE显示bug的根源,所以理解这个概念以及它如何影响CSS对修复bug是有帮助的。一、什么是haslayouthaslayout是Windows I            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2014-11-03 14:51:05
                            
                                668阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            hasLayout是IE为解析盒模型而设计的一个专有属性,它的设计初衷是用于块级元素的,如果触发行内元素的hasLayout,就会让行内元素拥有一些块级元素的特性。display:inline-block 有width,height,margin,padding 却不独占一行,很好但IE6,7不支持inline-block,inline-block只能触发IE6,7下行内元素的hasLayout即:IE6,7下,设置inline-block的块级元素:白设行内元素:可设width,height... 效果同zoom:1例:abcde<span>12345</span>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-03-10 10:25:00
                            
                                130阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言过去一直听说旧版本IE下很多诡异bug均由一个神秘角色引起的,那就是hasLayout。趁着最近突然发神经打算好好学习CSS,顺便解答多年来的疑惑。hasLayout到底是何方神圣?hasLayout可以简单看作是IE5.5/6/7中的BFC(Block Formatting Context)。也就是一个元素要么自己对自身内容进行组织和尺寸计算(即可通过width/height来设置自身的宽            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-29 15:02:59
                            
                                107阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            wsdvar Browser = { isIE: (!navigator.userAgent.match(/Gecko/) && !window.opera), isIE7: (navigator.userAgent.match(/MSIE\s+7/i)), isIE8: (navigator.userAgent.match(/MSIE\s+8/i)), isIE6: (!navi...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2010-03-05 16:44:00
                            
                                139阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如果有IE浏览器的,可以按照下方的“IE浏览器-打开IE选项”操作。 如果系统只有Edge浏览器,有 IE浏览器 - 打开IE选项 1、先打开in            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-10 11:53:26
                            
                                154阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            x-ua-compatible 用来指定IE浏览器解析编译页面的modelx-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用。1、使用一行代码来指定浏览器使用特定的文档模式。<meta http-equiv="x-ua-compatible" content="IE=9" ><meta http-equi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-05-06 14:56:36
                            
                                1016阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             一、IE炸弹的原理 
 
  在一些恶意网页中,埋伏了IE窗口炸弹。当用IE浏览这些网页时,会不断地弹出新的窗口,或者打开非常耗费系统资源的窗口,最后造成Windows资源耗尽,导致系统不稳定而死机。
 
  IE窗口炸弹的主要形式有以下几种:1.死循环 死循环使者在网页的代码中,有一段代码的执行会陷入无穷的循环,最终导致资源耗尽。2.打开窗口死循环 打开窗口死循            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-01-22 10:41:53
                            
                                525阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            其实IE 的帮助里面也有,贴出来便于查阅。
 
Internet Explorer keyboard shortcuts
You can use Internet Explorer's shortcut keys to perform lots of different tasks quickly or to work without a mouse.
 Viewing            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2008-12-13 03:48:00
                            
                                1211阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            on(){varv=3,div=...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-03 21:45:55
                            
                                515阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if IE 8]> 仅IE8可识别 <![endif]-->
<!            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-12-23 10:22:08
                            
                                471阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            背景虽然IE的最后一个版本IE11已经发布了三年之久,且win10也默认了Edge浏览器,但现在IE的份额依然排在第二位,web开发不得不考虑几个版本IE的兼容性效果。 虽然一些浏览器插件支持模拟,也有类似IEtester之类的工具,但都算不上原汁原味的IE。  注:图片引自http://liulanmi.com/top/11618.html,2016年8月份的数据方案下面要说的是通过安装虚拟机来...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-31 09:22:57
                            
                                1355阅读