haslayout详解_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了haslayout详解_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2485字,纯文字阅读大概需要4分钟。
内容图文
![haslayout详解_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/403/5f0a65e32631446091525aa02d7a7f55.jpg)
定义
haslayout是IE7-浏览器的特有属性。hasLayout是一种只读属性,有两种状态:true或false。当其为true时,代表该元素有自己的布局,否则代表该元素的布局继承于父元素。
[注意]通过element.currentStyle.hasLayout可以得出当前元素的hasLayout情况
默认触发hasLayout的标签
【1】html,body
【2】table,tr,th,td
【3】img
【4】hr
【5】input,button,select,textarea,fieldset
【6】frameset,frame,iframe
触发hasLayout的CSS属性
【1】display:inline-blcok
【2】height/width:除了auto
【3】float:left/right
【4】position:absolute
【5】writing-mode(IE专有属性,设置文本的垂直显示):tb-rl
【6】zoom(IE专有属性,设置或检索对象的缩放比例):除了normal
【IE7专有的触发hasLayout的CSS属性】
【1】min-height/max-height/min-width/max-width:除none
【2】overflow\overflow-x\overflow-y:除visible
【3】position:fixed
用途
【1】解决IE7-浏览器下父级边框不阻止子级上下margin传递的bug
Document
【2】配合display:inline让块元素模拟inline-block
Document 测试inline-block用
【3】解决在IE7-浏览器下LI4px空隙bug(IE7-浏览器下li有高度或宽度或zoom:1,且仅包含内联元素,且内联元素被设置为display:block,li下会多出3px的垂直间距)
Document
- 1231
- 1232
【4】触发浮动元素的父级的hasLayout,浮动元素会被layout元素自动包含,相当于IE7-浏览器下实现清浮动
Document
内容总结
以上是互联网集市为您收集整理的haslayout详解_html/css_WEB-ITnose全部内容,希望文章能够帮你解决haslayout详解_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。