ホームページ > 記事 > ウェブフロントエンド > レイヤーを設定しますdrift_html/css_WEB-ITnose
レイヤーのドリフト(フロート)を設定します
デフォルトではレイヤーは同じ水平線上に表示されませんが、複数のレイヤーを同じ水平線上に表示する必要がある場合、デフォルト値では実現できません。複数のレイヤーが同じ位置にある場合、複数のレイヤーを同じレベルで平行に設定するには、レイヤーの幅と複数のレイヤーの合計幅を決定するときに、レイヤーを左または右にドリフトするように設定する必要があります。親オブジェクトの幅を超えない場合は、レイヤー ドリフトが表示されます。レイヤードリフトの設定は float で表されます
Float: none|left|right
None: デフォルト値、オブジェクトはドリフトしません
左: テキストがオブジェクトの右側に流れます
右: テキストが左に流れますオブジェクトの側面
float を使用する場合 プロパティを設定するときに、レイヤーオブジェクトの幅はデフォルトで 100% であるため、float を使用してもドリフトしません。オブジェクトの幅を設定した後、十分なスペースがあれば、他のオブジェクトがこの位置にドリフトすることを許可します。
注: HTML コードでは、右にドリフトするオブジェクトは左にドリフトするオブジェクトの前に記述する必要があります。 そうしないと、ドリフトを設定する目的が達成されません
ドリフト範囲をクリアします。フロートを不適切に使用すると、Web ページが不完全になり、左右に偏りすぎます。この場合、クリアを使用して、フロートのドリフトを制御することができます。 . フロートの方向ドリフトの有効性を設定方向オブジェクトに設定できます。
クリア: なし|左|右|両方
なし: デフォルト値、浮遊オブジェクトは両側で許可されます
左: 浮遊オブジェクトは左側で許可されません
右: 浮遊オブジェクトは右側で許可されません
両方: 浮遊オブジェクトは許可されません (クリア: 両方; このレイヤーが両側にドリフトしないことを示します)