My Color　「ダンクハーツ-谷春樹Blog-」

普通にdivに対し「height:1px」を設定しても上手く反映されません。
上手く反映させるためのテクニックです。

この現象は「高さを 1px にしても、文字があると仮定され、はみ出して描画されている」のです。
これを回避するためには以下のように記述します。

■CSS

<div style="width:100%;height:1px;background-color:red;overflow:hidden;"></div>

■サンプル

上記のように表示されます。