2011年03月09日

display:boxで段組レイアウト

CSS3で定義されているdisplay:boxを利用すると段組レイアウトが可能

#columunWrap{
display:-moz-box;
display:-webkit-box;
display:box;
}
#columunWrap #columun1{
width:496px;
}
#columunWrap #columun2{
width:610px;
}


<div id="columunWrap">
<div id="columun1">
ああああああああああああああああああああああああああああああああ
</div>
<div id="columun2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</div>
</div>


タグ:CSS display box CSS3
posted by ねこまんま at 22:32 | Comment(0) | TrackBack(0) | CSS | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。