haslayout解释和触发

haslayout详解

定义

haslayout是IE7-浏览器的特有属性。hasLayout是一种只读属性,有两种状态:true或false。当其为true时,代表该元素有自己的布局,否则代表该元素的布局继承于父元素。

[注意]通过element.currentStyle.hasLayout可以得出当前元素的hasLayout情况


HTML标签

  默认触发hasLayout的有如下HTML标签:

【1】html,body

【2】table,tr,th,td

【3】img

【4】hr

【5】input,button,select,textarea,fieldset

【6】frameset,frame,iframe


CSS属性

  可以触发hasLayout的有如下CSS属性:

【1】display:inline-block

【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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,419评论 0 7
  • 当margin的值为百分比形式时,为什么浏览器会根据父容器宽度得出计算值? 假如有一个父容器宽度400px,高度6...
    飘雪飞舞阅读 4,381评论 0 0
  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 4,284评论 0 1
  • Ba la la la ~ 读者朋友,你们好啊,又到了冷锋时间,话不多说,发车! 13.子选择器在IE6...
    王饱饱阅读 3,214评论 0 2
  • 运行中一些公众号饭后一些课程。课程的种类多种多样,而且这两天就可成,都有一个共同特点,就是要把课程的二维码或者是链...
    萨拉zanetti阅读 1,328评论 0 0

友情链接更多精彩内容