レイヤドリフトを設定する

WBOY
リリース: 2016-06-16 08:39:29
オリジナル
1160 人が閲覧しました

レイヤーのドリフト(float)を設定します

デフォルトではレイヤーは同じ水平線上に表示されず、複数のレイヤーを同じ水平線上に表示する必要がある場合、デフォルト値では複数のレイヤーを同じ位置に表示することができません。レイヤーが同じレベルで平行している場合、レイヤーの幅が決定され、複数のレイヤーの合計幅が親オブジェクトの幅を超えない場合、レイヤーは左または右にドリフトするように設定する必要があります。が発生します。レイヤードリフトの設定は float

で表されます

フロート: なし|左|右

なし: デフォルト値、オブジェクトはドリフトしません

左: テキストはオブジェクトの右側に流れます

右: テキストはオブジェクトの左側に流れます

float 属性を使用する場合、オブジェクトの幅を決定する必要があります。デフォルトでは、レイヤー オブジェクトの幅は 100% です。float を使用しても、次のスペースがないため、ドリフトすることはありません。代わりに、オブジェクトの幅を設定します。最後に、 十分なスペースがある場合、残りの幅を他のオブジェクトに使用できます。

注意: HTML コードでは、右にドリフトするオブジェクトを左にドリフトするオブジェクトの前に記述する必要があります。そうしないと、ドリフトを設定する目的が達成されません。 🎜>

レイヤーのドリフト範囲をクリア

フロートを不適切に使用すると、Web ページが不完全になり、左右に偏りすぎます。この場合、クリアを使用してフロートのドリフトを制御できます。フロートの方向ドリフトの有効性を設定できます。

クリア: なし|左|右|両方

なし: デフォルト値、両側に浮動オブジェクトを許可します

左: 左側には浮遊物体は許可されません

右: 右側では浮遊物体は許可されません

両方: 浮遊オブジェクトは許可されません (クリア: 両方; このレイヤーが両側に漂わないことを意味します)

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート