左右の回り込み float|CSS辞典|HTMLタグ・CSS

HomeCSS辞典左右の回り込み float
サイト内検索

左右の回り込み float

左右の回り込み (サンプル)
サンプル
サンプル

  • 文字
  • 文字
  • 文字
  • 文字

サンプル
サンプル
  • 文字
  • 文字
  • 文字
  • 文字

※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

左右の回り込み (詳細情報)
字体 float:★;
指定 ★の部分に下記の「 」内 の効果を指定していきます。
  • left」 左に指定することで、右側に回りこませることができる。
  • right」 右に指定することで、左側に回りこませることができる。
  • auto」 回り込みをしない。
効果 通常回り込みなどできないような物まで、強制的に左右に回り込ませることができます。
例えば、リストタグの1つ1つの項目は通常縦でしか表示できません。それを float を指定することで強引に横に並べることもできます。 div のようなブロック要素のタグでも回り込ませることができるので、ホームページレイアウトの基礎部分にも使われます。
clear:★; で解除することができます。
注意 結構強引な所があるので、表示がおかしくなったら clear で解除して下さい。


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング