0

CSS に修正できないバグがあります。ブラウザで以下のコードをレンダリングすると、ヘッダーとフッターのリンクが新しい行に配置され（その後、ヘッダーとフッターが本来よりも高くなります）、レイアウトが壊れます

http://tinkerbin.com/bhu0pfZF

リンクをヘッダー/フッター コンテナー内に適切に配置するにはどうすればよいですか。

4

2 に答える 2

0

ほとんどのタグにはデフォルトのマージンとパディングがあり、これで問題が解決するはずです:

ul {
    margin-top: 0;
}

他のものを次のようにリセットすることができます:

ul {
    margin: 0;
    padding: 0;
}
于 2012-10-12T08:28:28.640 に答える
0

一部の CSS の変更:

  1. height: 60px;とline-height: 60px;を取り外し#headerます。
  2. 追加margin: 0;_#header ul
  3. 削除height: 60px;して挿入line-height: 60px;し#footerて更新するmargin-top: -1.2em;

フィドル: http://tinkerbin.com/Gw7FiAIT

于 2012-10-12T08:29:05.777 に答える