-3

わかりましたので、これが私の < スタイル > のコードです。輪郭を描いているはずのボックスが機能せず、上に移動しています。

また、背景を完全に黒くする方法を知りたいです

<div id="header">

    </h1>
    <style>
    #header {text-align:middle}
    .info-container {width: 840px; border: 1px solid #d8d5c6: padding: 4px; margin: 40px auto 0;}

    .inner-border {background-color: #fcfbf9; border: 1px solid #d8d5c6; padding: 10px 20px;}

    .coming-soon-visitor strong, .coming-soon-owner strong {font-weight: bold; color: #000;}

    .coming-soon-owner {float: left; font-size: 14px; color: #6d6a5b; font-weight: normal; width: 400px; border-right: 1px solid #d9d6c5; padding: 10px 0; margin-bottom: 10px;}

    .coming-soon-visitor {float: left; font-size: 14px; color: #6d6a5b; font-weight: normal; padding-left: 20px; padding: 10px 0 10px 20px; margin-bottom: 10px;}

    </style>
    <div class="info-container">
        <div class="inner-border clear-fix">
            <h3 class="coming-soon-owner">
                Coming <strong>soon!</strong>
            </h3>
            <h3 class="coming-soon-visitor">

            Hey! We are programming! <strong>Please </strong>wait!

            </h3>
        </div>
    </div>
4

2 に答える 2

0

.inner-borderこれをクラスに追加します：

padding-bottom: 50px; 
background-color: grey;

そして、開始時に背景色を削除します

于 2012-12-21T19:25:13.553 に答える
0

コードを見ると、フローティング div の単純なケースがあると言えます。それclearfixは世話をすることができないものではありません。

このように要約できるここにあるものを使用します。

.group:after {
  content: "";
  display: table;
  clear: both;
}

.info-containerそれをあなたの問題に追加してください。

于 2012-12-21T19:09:16.443 に答える