CSSを使用したレイアウト

要素の並び方

・何もしなければ、ブロック要素は上から下に、インライン要素は左から右に並ぶ
・要素を変えるには「display:block;」「display:inline;」を使用
・ブロック要素を横に並べるには「float:left;」を使用
・「float:left;」は、「clear:left;」または「clear:both;」を使用しないと次の要素に影響を与えてしまう

絶対配置

・「position:absolute;」を使えば、他の要素に影響されず、絶対位置に配置することができる
・「position:absolute;」は、親要素が「position:absolute;」または「position:relative;」でないと機能しない
・絶対位置は「left:○px」「top:○px」で設定する。親要素の左上からの位置

ブロック要素をセンタリング

親要素に「text-align:center;」。子要素の左右のmarginは「auto」にする