也谈谈罪恶的Haslayout haslayout解决之道

ttx9n · 发表于 2012-1-1 12:07:58

IE浏览器下的很多bug都是haslayout = false 引起的，所以出现下列问题，就很可能是haslayout跑出来捣鬼了 什么是Haslayout？
　　　　顾名思义，它的意思就是 --- has layout，是IE下的特有属性，通过 IE Developer Toolbar 可以查看 IE 下 HTML元素是否拥有haslayout，在 IE Developer Toolbar 下，拥有 haslayout的元素，通常显示为“haslayout = -1”。

hasLayout是一种只读属性，有两种状态 true/false,当其为true时，代表该元素有自己的布局，否则代表该元素的布局继承于父元素。

什么时候表明Haslayout = false?

　　　　IE浏览器下的很多bug都是haslayout = false 引起的，所以出现下列问题，就很可能是haslayout跑出来捣鬼了。
　　　　　　1.文字消失，截断
　　　　　　2.边框消失
　　　　　　3.3像素偏差
　　　　　　4.绝对元素定位错误
　　　　　　5.滤镜不生效
　　　　　　6.滚动页面跳动
　　　　　　7其他（欢迎补充哦~）
haslayout = true？
　　haslayout是一种只读属性，不能人为设置，那该肿么办呢？
首先，IE下有一些元素是默认带着 haslayout属性的：
　　 <table>
　　 <td>
　　 <body>
　　 <img>
　　 <hr>
　　 <input>
　　 <select>
　　 <textarea>
　　 <button>
　　 <iframe>
　　 <embed>
　　 <object>
　　 <applet>
　　 <marquee>
其他的就只能通过设置css 属性来触发haslayout = true，注意哦，haslayout = true一旦触发是不可逆转的~
触发的css 目前总结有：（欢迎补充哦）
1.position:absolute
2.float:left/right
3.display:inline-block
4.width,height:除“auto”外的任意值
5.zoom:除"normal"外 ...
and so on

shw5ovr · 发表于 2022-8-8 16:56:18

灌灌灌灌水

z80vh · 发表于 2022-9-13 21:18:06

激动人心，无法言表！

4r8oiin60 · 发表于 2022-12-29 08:37:44

有什么好的服务器

x20yd3qx · 发表于 2024-2-9 08:43:38

建军节建军节建军节建军节

adm1n · 发表于 2024-3-2 02:58:42

额UI废物iuhfujewfiewnnfen

adm1n · 发表于 2024-3-6 15:25:29

儿童服务绯闻绯闻绯闻

3pjdk29w · 发表于 2024-3-14 21:21:15

很不错的样子

pb_tjc · 发表于 2024-5-21 01:16:30

借款金额看了就立刻

jasonlong · 发表于 2024-5-27 21:15:10

额UI废物iuhfujewfiewnnfen

账号		自动登录	找回密码
密码			立即注册

[CSS] 也谈谈罪恶的Haslayout haslayout解决之道

相关帖子