1

標準のMagentoスタイルシートには、大量のcssクラスとそれに続く大量のcssクラスがあります。

{
    clear: both;
    content:".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

それが何をするかをテストするために、私はその行を削除し、少なくとも1つのブロックで、すべてのコンテンツを約300ピクセル上に移動し、あらゆる場所でフロートを許可しました。これは、コンテンツだけを削除するときです："。" ライン。それはほとんどdisplay：blockまたはclear：bothとして機能しているように見えます-またはそれらを操作しています。

私はそれが何をするのか分かりません-誰かが私を教えてくれますか？

4

1 に答える 1

4

このスタイルのブロックは と呼ばれclear fixます。ページ内の包含要素 (div など) にフローティング要素のみが含まれている場合、フローティング要素がページフローから削除されるため、その要素は折りたたまれます。これにより、包含要素の高さが失われます。

明確な修正とは、意味のないコンテンツ (ほとんどの場合はドット) を CSS 疑似クラスを使用して挿入し:after、高さを 0 に設定して非表示にすることです。高さを緩めます。

詳細については、こちらをご覧ください: css-tricks clear fix の説明

于 2012-07-26T04:37:24.000 に答える