7、CSS 布局与浮动问题全解析

CSS 布局与浮动问题全解析

1. hasLayout 属性相关

1.1 覆盖 hasLayout 属性的值

以下值可以覆盖之前设置的 hasLayout 属性：
- width: auto ， height: auto
- max-width: none ， max-height: none （IE7）
- position: static
- float: none
- overflow: visible （IE7）
- zoom: normal （微软专有属性）

1.2 全局应用 hasLayout

可以将 hasLayout 应用于主容器，让其级联到所有子元素。这是一种主动编码的好方法，可避免在 IE6 和 7 中因缺少布局而产生的潜在问题。示例代码如下：

#container {overflow: hidden; }
* html #container {height: 0;}

IE7 会应用第一组样式，忽略星号 HTML 黑客声明；而 IE6 及以下版本会采用高度声明，将其视为最小高度，并相应地调整页面元素的大小。

1.3 快速激活 hasLayout

在紧急情况下激活 hasLayout