■ リンク先の表示をページ途中にする
<-- left end
right end -->
ヘッダー固定のページで、ページ内リンク(アンカー)がヘッダーの影に隠れないようにする CSS
通常、ページトップ~途中にページ内リンクを設定し、そのリンク先にジャンプすると、そのリンク先はページトップの裏側に表示されて見えなくなってしまう。
最大幅:1000pxでそれ以上は左/右/中央カラムがまとまってフロートする

1000px以下なら、右カラムは中央カラムの下に移動する

680px以下なら、左カラムが一番上に、中央がその下、右は非表示となる

float を指定した要素の隣接要素の margin の注意点
float:left を指定した P要素
margin:30px;
で 上下30pxのマージンを指定
隣接する要素に margin: 20px を指定したが
width: aaa px margin: bbb px
を指定すると、左マージンは親要素の左端起点で計算されるが、配置は float指定した要素の右側マージンの外側に配置される。
周囲の赤い点線が親要素のボーダーライン
1
2
3
4
5
左側の float 指定した要素の下マージンが切れた次の行から回りこむ
注意: float を指定したブロック要素の幅よりも 狭い<左マージン+幅>の空要素を並べると隠れて見えないことがある。