0

私はこのサイトに取り組んでいます: http://www.bedriftsdesign.noそして私が苦労している2つのことがあります:

まず、ヘッダーの左側にあるフローティング ソーシャル アイコンが垂直方向に整列しません。私は display:block を使用していますが、何が間違っているのか少しわかりませんか?

第二に（オプション）ラッパーのすぐ外側の背景要素に配置することをお勧めしますが、それを機能させる方法がわかりませんか？

これを解決する方法についての提案は大歓迎です。

ありがとう

4

4 に答える 4

1

質問1の回答float:left;は、要件に従って機能するここから削除するだけ#social liです:-添付の画像を参照してください

ここに画像の説明を入力

CSS

#social li {
    display: block;
    list-style-type: none;
}

質問 2 の答え

私はあなたがこれを見ていると思います:-

ここに画像の説明を入力

CSS

#social {
    background: none repeat scroll 0 0 transparent;
    left: 177px;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 12;
}
于 2012-11-23T10:23:24.750 に答える
1

縦に並べる意味がわからない。それらを何に合わせたいですか？

それらを上から下に変更したい場合：

#social li { float: none; }

于 2012-11-23T10:25:35.827 に答える
1

このルールを見つける

#social li { float: left; list-style-type: none; display:block; }

これにより、アイコンfloat:left;が垂直方向に整列されます。

ヘッダー画像に沿って配置するには、ネガを使用しますmargin。次のルールを見つけます。

#social{ background: transparent; margin: 0; }

マージンをに変更しますmargin: -35px;

于 2012-11-23T10:18:47.487 に答える
1

リスト要素をフローティングさせ、それを含むアンカーをli設定して元に戻そうとしています。display: blocka

そもそもいるliように設定してはいけません。float: left;

于 2012-11-23T10:17:32.850 に答える