0

コンテンツ div が大きくなっても、コンテナー div の高さが大きくなりません。以下のコードでは、div が大きくなるにつれてクラス名の divsummaryのサイズが大きくなるようにしhouse-addressます。どんな助けでも大歓迎です。

HTML:

<div class="summary shortS">
    <div class="house-address">
        <h2>booboo</h2>
        <p>hehe hehee hdhddgf jfhfjf lkjgkhgh kjgkjg itutiut mhvjhgjhfg nbcncnb nbcnbc</p>
    </div>
    <div class="house-price">
        <h4>$17272</h4>
        <p>Guide Price</p>
    </div>
    <br style="clear:both;" />
</div>

CSS:

.summary.shortS {
    display: block;
    height: 64px;
}

.house-address {
    width: 400px;
    float: left;
}

.house-price {
    width: 150px;
    float: right;
}
4

3 に答える 3

2

を取り除きheight: 64pxます。

http://jsfiddle.net/cZsS5/

編集：示唆されているように、min-height: 64pxおそらく望ましいスタイルです。

于 2013-05-21T21:33:03.137 に答える
0 
.summary.shortS {
display: block;
min-height: 64px;
height: auto;
float: left;
}
于 2013-10-10T14:07:25.630 に答える
0

あなたの問題は、要素の明示的な を定義していることです(その内容に関係なく要素をその特定の高さに設定するクラス名もheight持っている限り) :shorts

.summary.shortS {
    display: block;
    height: 64px;
}

height使用する代わりにmin-height(たとえば、空の場合でも、ページ上で可視性を強制するために、任意の種類の高さを定義する必要がある場合):

.summary.shortS {
    display: block;
    min-height: 64px;
}

heightそれ以外の場合は、宣言を完全に削除してください。

JS フィドルのデモ。

于 2013-05-21T21:33:53.893 に答える