【CSS】float で グリッド状に並べた block の並びが崩れる | でいご堂日記

CALENDAR
S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< December 2017 >>
ARCHIVES
CATEGORIES
<< ファイル操作が不完全です dreamweaver nifty | main | ありがとう野菜天国、がんばれ非被災者 >>
【CSS】float で グリッド状に並べた block の並びが崩れる
CSS floatで grid 崩れる

HTMLソース

<div class="box">
  <p>data</p>
  <p>data</p>
  くりかえし・・・
</div>

対応前**************

.box{
width:500px;
float:left;
}

p.box{
width:100px;
}


対応後**************

.box{
width:500px;
float:left;
}

p.box{
width:100px;
height:100px;
}

★要素に height を指定することで回避できる
| Webクリエイターのヒント |この記事へ | comments(1) | trackbacks(0) |
投稿いただいたコメントは認証後の表示になります。スパムコメント対策のためご了承ください

コメント
管理者の承認待ちコメントです。
| - | 2013/05/15 2:04 PM |
コメントする









この記事のトラックバックURL
http://taiko.deigodo.com/trackback/1538290
トラックバック