如何理解IE下的haslayout属性

谁践踏了优雅 2022-06-06 02:56 146阅读 0赞

1.首先haslayout属性是针对于IE7、IE6及以下版本，在IE8+中已被废弃。

2.haslayout是IE浏览器引擎的一个组成部分，在IE中，一个元素要么根据自身内容进行布局，要么根据父元素进行布局。

3.如何一个元素的haslayout=“true”，称该属性拥有一个布局，拥有布局的元素会根据自身的内容去调整大小，而非依赖父元素去渲染自己。  
反之，如果haslayout = “false”，该元素会依赖于父元素渲染自己。

4.默认拥有布局的元素有：（常见）html body table tr td img input button select textarea 。

5.对于一些元素可能haslayout=“false”，如何触发呢？

方式：width(除auto) | height(除auto) | display:inline-block | position: absolute | float:left | zoom:1  
IE7+ position : fixed | overflow:hidden | min-height | max-height(除none) | min -width | max-width(除none)

注：width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout 。而对于IE6，如果浏览器运行于标准兼容模式下，内联元素会忽略 width 或 height 属性，所以设置 width 或 height不能在此种情况下令该元素具有 layout。（即在IE5中内联元素也可为其设置宽高）

6.在IE中的某些情况下允许块级元素嵌套在内联元素中，原因是：  
内联元素本身触发haslayout属性的情况下再为其设置display：inline，该元素的行为类似于inline-block，其大小可以根据自身内容进行调整。

例：[IE5]
    <style> .div1{ width: 100px; height: 100px; } span{ border: 1px solid red;overflow:hidden;/*触发haslayout属性*/display:inline; } </style>
    </head>
    <body>
    <span><div class="div1">222</div></span>
    </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，146人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mat类下几个属性的理解

摘要：本文主要记述了对opencv中Mat类下的几个属性的理解。 data： uchar类型的指针，指向Mat数据矩阵的首地址。可以理解为标示一个房屋的

男娘i/ 2023年10月11日 13:32/ 0 赞/ 36 阅读

相关如何让rgba()属性兼容IE9以下版本

rgba()，只支持IE9+ 如何解决兼容性问题呢？示例 background-color:rgba(0,0,0,0.3) background-color:\0

矫情吗；*/ 2022年11月30日 04:25/ 0 赞/ 182 阅读

相关使元素hasLayout属性值为true的方法

HasLayout 使元素hasLayout属性值为true的方法是声明下面的CSS属性之一: width: 除auto之外的值 height: 除auto之外

た入场券/ 2022年09月16日 11:25/ 0 赞/ 133 阅读

相关 css属性触发和清除haslayout

触发haslayout： position: absolute float: left | right display: i

拼搏现实的明天。/ 2022年08月21日 11:40/ 0 赞/ 156 阅读

相关让IE支持placeholder属性

placeholder 属性提供可描述输入字段预期值的提示信息该提示会在输入字段为空时显示，并会在字段获得焦点时消失。但placeholder不支持IE10以下版本

Love The Way You Lie/ 2022年08月19日 02:15/ 0 赞/ 379 阅读

相关如何解决IE6下input边框问题

消除边框我们习惯用border:none，但这对IE6/7来说无效，边框依然存在。那么如何解决IE6下input边框问题呢？用border:0试了下，似乎是有效的。那么bo

墨蓝/ 2022年07月03日 23:49/ 0 赞/ 219 阅读

相关如何解决IE6下div错位的问题，以及IE7、IE8样式不兼容问题

1. IE6下div错位的问题在IE7、IE8下，采用‘float: left’的div都没有问题，但是在IE6下却会向下移动，出现空白。这是因为IE6采用的内核默认把di

╰+哭是因爲堅強的太久メ/ 2022年06月10日 11:54/ 0 赞/ 363 阅读

相关如何理解IE下的haslayout属性

1.首先haslayout属性是针对于IE7、IE6及以下版本，在IE8+中已被废弃。 2.haslayout是IE浏览器引擎的一个组成部分，在IE中，一个元素要么根据自身内

谁践踏了优雅/ 2022年06月06日 02:56/ 0 赞/ 147 阅读

相关什么是hasLayout

（以下内容摘自CSS Mastery一书的中译本《精通CSS 高级Web标准解决方案》第154页，人民邮电出版社，2007） IE使用Layout概念来控制元素的尺寸和位置。

今天药忘吃喽~/ 2022年01月11日 23:23/ 0 赞/ 133 阅读

相关让IE6/IE7/IE8浏览器支持CSS3属性

一、下载搜索下载：ie-css3.htc,它是让IE浏览器支持CSS3表现的关键。二、上面的是什么东西首先说说.htc文件，.htc文件是个脚本文件，个人以

不念不忘少年蓝@/ 2021年09月10日 17:46/ 0 赞/ 662 阅读