Next Home  Prev
No,
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--年--月--日--時--分--秒/スポンサー広告 /コメント:- /トラックバック:-/▲ページトップへ戻る
No,219 comment 0
tebleタグでは「width:100%;」など指定が必要ですが
DIVタグ では[float:left;]で横並びさせているのに、ウィンドウサイズが狭くなれば、ひとりでに縦並びになるようです。

DEMO

1
2
3
4
5




HTML

<div class="box">1</div>
<div class="box2">2</div>
<div class="box">3</div>
<div class="box2">4</div>
<div class="box">5</div>
<br clear=left>

CSS

div.box {
float: left;
width:100px;
height:100px;
border: 1px solid #ccc;
background: #ccc;
}
div.box2 {
float: left;
width:100px;
height:100px;
border: 1px solid #ccc;
background: #fff
2015年01月09日10時22分22秒/css2 /コメント:0 /トラックバック:-/▲ページトップへ戻る

コメント


コメント index
    絵文字

    非公開コメント

    Next Home  Prev


    どりーみー

    カテゴリー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

    *最新記事のRSS
    *最新コメントのRSS
    *最新トラックバックのRSS

    TB_People

    カレンダー

    03 | 2019/04 | 05
    - 1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30 - - - -

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク

     

    カテゴリー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

    *最新記事のRSS
    *最新コメントのRSS
    *最新トラックバックのRSS

    TB_People

    カレンダー

    03 | 2019/04 | 05
    - 1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30 - - - -

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク

     

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。