2

どんな助けでも心から感謝します。何らかの理由で、順序付けされていないリストで、最後の 2 つの項目が期待どおりに浮動しません。zenmonyDOTcom/immune-support-c30/ レイアウトは次のとおりです。

ul.categories-list {
    width: 620px;
    padding: 30px 0 10px 60px;
    float: left;
    min-height:425px;
    background: url(/images/categories_bkgrnd_main.png) no-repeat;
    list-style:none;
    text-align: center;
}

.categories-list li {
    position:relative;
    margin:5px;
    float:left;
    display: block;
    }

アイテムがきちんとクリアされていないからですか？ありがとうございました！

4

2 に答える 2

6

から削除float: left;しul.categories-list、パディングを次のように変更します30px 0 10px 0

追加および削除display: inline-block;も.categories-list lifloat: left;

.categories-list li {
    position:relative;
    margin:5px;
    display: inline-block;
}
于 2012-11-11T12:54:37.050 に答える
4

あなたの高さは一貫していません。画像の 1 つは 195 ピクセルの高さですが、残りは 194 ピクセルのようです。それらをすべて同じにすれば、すべて設定されているはずです。

于 2012-11-11T12:59:51.750 に答える