如何兼容IE11实现CSS浮动清除-css教程-PHP中文网

display: flow-root在ie11中完全无效，必须降级使用clearfix（含zoom: 1）或overflow: hidden；clear: both加在浮动元素自身无效，仅对后续非浮动块级兄弟元素生效。

如何兼容ie11实现css浮动清除

display: flow-root 在 IE11 中完全无效

IE11 对 display: flow-root 完全不识别，会静默降级为 display: block，父容器继续塌陷。这不是“部分支持”，而是彻底忽略——哪怕你写了，它也当没看见。现代写法在这里直接失效，必须 fallback。

.clearfix::after 必须带 `zoom: 1` 才能在 IE6–IE11 生效

IE6–IE7 需要 *zoom: 1 触发 hasLayout；IE8–IE11 虽支持伪元素，但若父容器未触发 layout，::after 可能渲染异常或清除失败。标准兼容写法是：

.clearfix {
  *zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}

关键点：

display: table 比 display: block 更可靠，避免旧版 IE/Safari 下清除失效
::before 不是可选——IE6–IE7 对单伪元素支持不稳定，双伪元素是保险动作
content: "" 缺失会导致整个伪元素不生成，清除逻辑彻底消失

clear: both 加在浮动元素自身上毫无意义

常见错误：<div class="item" style="float: left; clear: both"></div>。这不会撑高父容器，因为 clear 只对标准流中的块级兄弟元素生效，而浮动元素已脱离文档流。浏览器直接忽略该声明。

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

真正起效的位置必须满足三个条件：