V2.0.4　「レスポンシブサイト」✕「スマホサイズレイアウト」崩れるときー

V2.0.4

・レスポンシブで、スマホサイズにした時、何かレイアウト崩れると思っていたら、「clear:both」が抜けていただけ？

・スマホサイズでレイアウト崩れる例

<div class="row">

	<div class="span4"></div>

	<div class="span4"></div>

	<div class="span4"></div>

</div>

・スマホサイズでレイアウト崩れない例

<div class="row">

	<div class="span4"><p style="clear:both; margin:0"></p></div>

	<div class="span4"><p style="clear:both; margin:0"></p></div>

	<div class="span4"><p style="clear:both; margin:0"></p></div>

</div>

※ブロック「P」の変わりに「span」指定しても「インライン要素」だから駄目

---

後日検証予定

・「span4」に「clear:both」でもイケる？
→✕。縦一列に表示されてしまう

・「span4」の外で「clear:both」でもイケる？
・新しいCSSレイアウト指定だったらイケる？ ブロックなんちゃら。名前すら分からないけど…
・いつも迷うけど「container」で囲う必要ある？ 「row」クラスだけじゃダメ？