1

このようなHTML要素があります。

<div id="A">
    <div id="B"></div>
    <div id="C"></div>
</div>

「B」と「C」の両方に子要素があります。"B" の場合、コンテンツに基づいて高さが動的になります。ここで、「C」の高さを「A」の高さから「B」の高さを引いた値に設定したいと思います。CSSでこれを行う方法を知っている人はいますか?

4

1 に答える 1

5

を使用できますcss tables。

それはこのように動作します：

テーブルの最初の行は、必要なだけのスペースを占有します。

次に、2 番目の行の高さを 100% にすると、テーブルの残りの高さがいっぱいになります。

マークアップ

<div class="a">
     <div class="b" >
         something
     </div>
     <div class="c" >
         something else
    </div>
</div>

(関連) CSS

.a
{
    display:table;
    height: 100px;
    width: 100px;
}
.b
{
    width: 100px;
    display:table-row;

}
.c
{
    display:table-row;
    height:100%;
    width: 100px;
}

フィドル 1 フィドル2

于 2013-07-01T06:14:06.427 に答える