0

私は次のようにネストされたdivを持っています:

<div class="first">
    <div class="second">
        <div class="third"></div>
    </div>
</div>​

3 番目の div には動的コンテンツが含まれているため、そのディメンションがわかりません。

私が望むのは、2 番目の div が 3 番目の div の幅を取り、最初の div の幅がはるかに大きいことです。

したがって、このデモでは、境界線で緑色の四角形を囲みたいと思います。これはcssのみで可能ですか？もしそうなら、どのように？ありがとう。

4

3 に答える 3

2

float: left;2番目のクラスに入れます。それでうまくいくはずです。

于 2012-11-21T08:36:35.493 に答える
1

.second {float：左; }

また

.second {display：inline-block; //ie7で動作していません}

于 2012-11-21T08:39:05.343 に答える
0

実際divにはブロック レベルの要素であるため、display:inline-block2番目の divを指定すると、3 番目の div 幅と高さがその逆になります...

CSS

.first
{
    width: 500px;
    height: 500px;
    background: yellow;
}

.second
{
    border: 5px solid blue;
    display:inline-block;
}

.third
{
    min-width: 100px;
    min-height: 100px;
    background: green;
}

デモ

于 2012-11-21T08:56:09.757 に答える