CSSフロートの位置がずれている問題を解決する方法

CSS float の位置がずれている場合の解決策: 1. 同じレベルの 2 つの要素の位置がずれている場合は、2 つの要素の間に空のラベルを追加します。 2. CSS 属性を ".clear{clear:both ;}" に設定します。それでおしまい。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、thinkpad t480 コンピューター。

推奨: "css ビデオ チュートリアル "

float 属性を使用することによって発生する要素の位置ずれの解決策

同じレベルの 2 つの場合要素の位置がずれている場合は、

<div class="clear"></div>

のように 2 つの要素の間に空のタグを追加し、CSS 属性を設定します:

.clear{
clear:both;
}

以上がCSSフロートの位置がずれている問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。