0

div 内の要素が一見ランダムに整列し、どの align タグにも応答せず、div がその要素の上または下に余分なスペースを作成するという問題があります。私は 960 グリッド システムを使用していますが、ストック CSS ファイルは変更していません。

私はここにテストページを置きました.そして、危険なコードのいくつかを許してください:-D

それはまだ非常に初期の段階にありますが (私もそうです)、何が問題を引き起こしているのかを快適に理解できるようになるまで先に進むことはできないと感じています.

そのページの最も良い例は、下部の水平バーとその下の要素です。バーは数ピクセルのデッド スペースを追加し、その下の要素はそれぞれの div のさまざまな部分に配置されます。

指示がない場合、要素が配置を標準化しないように見えるのはなぜですか?また、指示がない場合に余分なスペースが再び発生するのはなぜですか?

私自身の考えでは、すべてを個別に相対的に配置することでしたが、これが問題を引き起こし、グリッドを「壊す」のではないかと心配しています. それ以外は、うんの。

ありがとう

4

1 に答える 1

0

問題の 1 つは#horizontal-bar-footer、高さがであり、ラインが必要25pxとする以上のものです。hrを に設定height0px、いくつか追加padding-bottomして、フッターの上に少しスペースを空けます。

これにより、「トム・ランキン自身によるデザイン」の部分がアップするはずです。Facebook のようなボタンの場合は、これを に追加しますmain.css

.fb_iframe_widget span {
    vertical-align: top;
}
于 2012-09-09T09:47:42.263 に答える