0

これには高さ属性がありません: http://jsfiddle.net/karthik64/pFcpX/

そして、これは高さ属性で: http://jsfiddle.net/karthik64/pFcpX/1/

問題は、背景色を黒にするには固定の「高さ」属性を設定する必要があり、CSS プロパティから高さ属性を削除すると、背景色が黒にならないことです。ここでの div の高さは動的なものであることをお伝えしなければなりません。データベースから取得したデータに依存します。

そのようなことを試し!importantましたが、うまくいきませんでした。

4

3 に答える 3

2

アウターoverflow: hiddenのスタイルにプラスdiv

このJsFiddleを参照してください

于 2012-06-02T18:12:03.110 に答える
1

コードを少し変更しました。最後の終了 div の直前に div を追加し、クラス名 clearfix を追加しました。clear:bothそして、修正クラスをクリアするために追加します。これで、フローティング div がある場所ならどこでもこのクラスを使用できます。

HTML:

<div style="width:690px;background-color:#000000;margin-left:40px;margin-top:4px">


        <div style="float:left;width:310px;font-family:Arial,Helvetica,sans-serif;padding-left:30px; color:#fff;"> 

        <div style="font-size:1.6em;margin-top:15px"> Hello! </div>

        <div id="iamm"> Niko </div>

        <div style="font-size:12px"> I'm a Student               </div>

        <div style="font-size:12px"> gender Male                 </div>

            <div style="font-size:12px"> I stay at India </div></div>

    <div class="clearfix"></div>
</div>

フィドルを確認してください: http://jsfiddle.net/pFcpX/9/

于 2012-06-02T18:24:02.193 に答える
0

以下のcssをスタイルシートに追加し、この問題が発生した場合は常にこのクラスclearfixを使用してください。HTML5Bolerplateで使用されます。

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

これのフィドルは次のとおりです:http://jsfiddle.net/pFcpX/10/

このクラスの明確な修正を、背景が黒のトップdivに追加しました。

于 2012-06-02T18:47:18.967 に答える