Question

我在此页面上遇到IE7和浮动清除问题：

https://dev.editionpatrickfrey.com/de/books/miss-martin-guggisberg

我正在使用Sass pie-clearfix（）; mixin并尝试了所有可能的其他clearfixes没有成功。这有什么问题？

Answer 1

下面的ClearFix可以应用于浮动子节点的父节点，也可以应用于浮动元素下面的元素。这应该涵盖IE6 - IE10。

.clear:before,
.clear:after {
    content: "";
    display: table;
} 
.clear:after {
    clear: both;
}
.clear {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

我个人使用此ClearFix，但要了解有关此ClearFix的更多信息，请查看以下链接：http://css-tricks.com/snippets/css/clear-fix/

希望这有帮助！

Answer 2

您需要将floatstop添加到包含浮动元素的父元素：

CSS：

.floatstop:after {
 content: ".";
 display :block;
 height :0;
 clear :both;
 visibility :hidden;
}
*:first-child+html .floatstop {min-height: 1px;}/* ie7 fix */
* html .floatstop {height: 1%;}/* ie6 fix */

HTML：

<div class="floatstop">
 <div>floated div</div>
 <div>floated div</div>
</div>

Answer 3

我意识到我需要一个包装容器才能做到这一点。我只想在一个层面上清除浮动元素。使用Sass pie-clearfix（）添加容器; mixin解决了这个问题。

IE7 cleafix无法正常工作

3 个答案: