1

ページをコーディングしようとしていますが、何らかの理由で、作成したリストにランダムなcss間隔の問題があります。右下では、リストとそのdivの間にランダムなスペースがあります。

私はそれをうまくスタイリングしていると思いますが、私のコードはここjsFiddleにあります

なんらかの理由で正常に動作します。何か案は？

必要に応じて、ページリンク全体を提供できます。

cssリスト全体をdiv全体にまたがらせたいのですが、divの左側の壁とそのリストの間に大きなギャップがあります。

4

1 に答える 1

2

リンク先のページのリストでは、パディング（および場合によってはマージン...一部のブラウザではデフォルトのスタイルが異なる）をクリアする必要があります。これを修正するために使用できるいくつかのルールは次のとおりです。

#navlist {
    list-style-type: none; /* Removes default list style */
    margin: 0;
    padding: 0;
}

Firefox用のFirebug拡張機能を入手することを強くお勧めします。これにより、このようなレイアウトの問題のデバッグが非常に簡単になります。また、作成しているスタイルルールがスタイルシートの他の場所でより具体的なルールによって上書きされているかどうかを確認するのにも役立ちます。

余談ですが、center要素を使用するべきではありません。その要素は非推奨になり、次のようにスタイルシートを介して処理する必要があります。text-align: center;

于 2012-07-08T23:07:54.653 に答える