0

このページでIE7とフロートのクリアに問題があります:

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

私はSasspie-clearfix();を使用しています。ミックスインし、他のすべての可能なクリアフィックスを試しましたが、成功しませんでした。ここでの問題は何ですか?

4

3 に答える 3

2

以下の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/

お役に立てれば!

于 2012-10-31T14:28:24.577 に答える
1

フローティング要素を含む親要素に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>
于 2012-10-31T16:06:25.820 に答える
0

これを行うには、包装容器が必要であることに気づきました。1つのレベルでフローティング要素をクリアしようとしていました。Sass pie-clearfix();を使用してコンテナーを追加します。mixinが問題を解決しました。

于 2012-10-31T17:55:28.507 に答える