タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

floatに関するthleapのブックマーク (1)

  • CSSで2カラムを作ってみる - kojika17

    CSSで2カラムといっても、その作成方法は様々です。 多くのパターンを理解することは、CSSに柔軟性を持たせることに、つながります。 1. floatを利用する 基的な方法です。 子にfloatを利用すると、灰色の背景を敷いている親の高さが算出できなくなるため、背景色が出なくなったり、レイアウトが崩れたりします。 これらの問題を解決するには、clearfix か overflowを利用する必要があります。 .parent { overflow: hidden; } .child1 { float: left; width: 240px; } .child2 { float: right; width: 128px; } 2. floatとmarginを一定方向にかける 片方にfloat、片方はfloatをかけた方向に隣の要素の横幅以上のmarginをとる方法です。 floatのかかってい

    CSSで2カラムを作ってみる - kojika17
    thleap
    thleap 2014/07/04
    横並びの方法は状況によって選ぶべきだけど、今は考えずに float + float で並べてしまうことが多い。場面に応じて使い分けよう
  • 1