float段組の基本

テクノロジーカテゴリーの変更を依頼記事元:

www.css-designsample.com

133users がブックマークコメント

コメント

16

記事へのコメント16件

注目コメント
新着コメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

float段組の基本

簡単なfloatの段組練習です。慣れて来たら、いろいろ応用してみて下さい。注）floatを指定する場合はwi... 簡単なfloatの段組練習です。慣れて来たら、いろいろ応用してみて下さい。注）floatを指定する場合はwidth指定で幅を指定するように心掛けましょう！ボックスを並べる boxAとboxBを左右に並べます。形式上boxの幅と高さを指定しています。（本来の段組では、高さを指定する事はあまりありません。）パターン１ float:left;を指定してboxBを回り込ませます。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;height:100px;float:left; } パターン２ boxAにfloat:left;を指定、boxBにfloat:right;を指定。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;

ブックマークしたユーザー

tsuyossii2018/02/09
fa11enprince2017/01/20
egaku2016/05/17
sakamotz2016/01/19
AinHand2015/07/22
tentsan2015/03/30
knakamura19772015/03/19
iceleaf2015/02/15
tbttokyo2014/12/01
chiezo12342014/07/03
bluelive2014/07/03
Twiles16952014/03/15
pentiumx2014/03/01
stibbar2013/11/24
peltier2013/11/16
wyumikokh2013/11/07
seijitsusya2013/09/10
webstrategist2013/06/27

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx