スタンダード・デザインラボ

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

	float	clear	box高	box幅
●赤ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●青ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●緑ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●黒ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●茶ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
☆ボーダー	0px 5px

　「F」は、フロートの様子、「C」は「clear:～;」をどのようにかけたかを示します。
　また、高さが違うボックスが並んでいる場面での右寄せや左寄せの再現も出来ます。