css属性触发和清除haslayout

拼搏现实的明天。 2022-08-21 11:40 155阅读 0赞

## 触发haslayout： ##

position:    absolute  
  float:       left | right  
  display:     inline-block  
  width:       except 'auto'  
  height:      except 'auto'  
  zoom:        except 'normal'  
  overflow:    hidden | scroll | auto  
  overflow-x/-y: hidden | scroll | auto  
  position:    fixed  
  min-width:   any value  
  max-width:   except 'none'  
  min-height:  any value  
  max-height:  except 'none'  
  writing-mode:tb-rl   /\* only for MS \*/  
  zoom:        except 'normal'

## 清除hasLayout：    ##

width:        auto;  
  height:       auto;  
  max-width:    none;   /\* IE7 \*/  
  max-height:   none;   /\* IE7 \*/  
  position:     static;  
  float:        none;  
  overflow:     visible;  
  zoom:         normal;  
  writing-mode: lr-t;  
  
若设置了display:inline;将不会触发haslayout。  
  
haslayout是Windows Internet Explorer（IE7、IE6）渲染引擎的一个内部组成部分。在Internet Explorer中，使用布局概念来控制元素的尺寸和定位。在理想情况下，所有元素都控制自己的尺寸和定位。但是，这在IE中会导致很大的性能问题。因此，IE开发团队决定只将布局应用于实际需要它的那些元素，这样就可以充分地减少性能开销。

## 默认拥有haslayout属性    ##

<html>, <body>  
<table>, <tr>, <th>, <td>  
<img>  
<hr>  
<input>, <button>, <select>, <textarea>, <fieldset>, <legend>  
<iframe>, <embed>, <object>, <applet>  
<marquee>

发表评论取消回复

表情：

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

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

相关阅读

相关 html css 清除 button 选中时的边框样式 CSS outline属性

效果图一 ![在这里插入图片描述][2021012314570238.gif_pic_center] 目标图 ![在这里插入图片描述][202101231457193

ゞ浴缸里的玫瑰/ 2023年10月07日 15:32/ 0 赞/ 44 阅读

相关清除（HTML属性）

描述 (Description) The `clear` attribute is a deprecated (presentational) attribute tha

今天药忘吃喽~/ 2022年12月03日 11:26/ 0 赞/ 155 阅读

相关使元素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下的haslayout属性

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

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

相关 CSS外边距合并和CSS清除浮动

外边距合并外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并（叠加）是一个相当

系统管理员/ 2022年05月17日 03:35/ 0 赞/ 240 阅读

相关什么是hasLayout

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

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

相关 css清除样式

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, tex

旧城等待，/ 2021年12月12日 08:33/ 0 赞/ 378 阅读

相关 CSS 中已设置的left属性清除

今天遇见这个问题，设置postion left=0，现在想改成right=0,但是样式覆盖不了，同时设置貌似left起作用。 CSS 中现在有一个叫做 unset 的关键

喜欢ヅ旅行/ 2021年09月19日 21:14/ 0 赞/ 580 阅读

相关 CSS清除浮动

.clearfix::before, .clearfix::after \{ content : ""; display : table; cl

矫情吗；*/ 2021年09月08日 15:32/ 0 赞/ 514 阅读