ブロックボックスの右寄せ：解答例
「ブロックボックスの右寄せ」の解答例 CSSクイズ ブロックボックスの右寄せ <div> <p></p> </div> div, p { padding: 0; border : none; height : 100px; margin-top : 0; margin-bottom: 0; } div { width: 80%; background:#ccc; } p { width: 200px; background:#ddd; } 解答例1. margin-left:auto pの右マージンを0, 左マージンをautoにします。 p { margin-right: 0; margin-left : auto; } autoの値は以下の式から導かれ、結果としてpはdivの中で右寄せされます。 pの包含ブロックの幅（divのwidth）= pのmargin-left + width +
float段組の基本
簡単な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;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
