前回の記事の補足となるが、HTMLタグの中身の幅よりCSSで指定した幅が小さかった場合の表示結果を確認しておく。ここでいう“HTMLタグの中身”とは、以下のコードにおいて、pタグ内に書かれている文字や画像のことを指すものとする。 <p>テキスト</p> <p><img src="○○"></p>では、Webサイト…

前回の確認で、以下のことが分かった。 floatを指定すると、それ以降に書かれているfloatを指定していない要素の背景が潜り込む。 しかし、まだfloat指定で横並びにならない理由は見えてこないのではないだろうか？ そこで、いろいろ変えて変化を見てみたと…

先日、理解が曖昧だった点として、ナビなどで用いるdisplayの効果を確認したが、横並びのナビや複数カラムの横並びなど、デザインをコーディングに落とし込む際に使用頻度が高いと思われるfloatの効果について確認してみる。“floatって「浮く」ってことらし…