0

ラッパーに 3 つの div があります。この divの 1 つに私のコンテンツが含まれていますclass="cont"。この div には動的な高さがあります。他の div navi-left と und navi right には、div cont のような高さが必要です。私はこれを試しましたが、うまくいきません。私を助けてくれませんか？

<div style="width:400px;">
    <div class="navi-left" style="width:50px; height:100%; background:grey;"></div>
    <div class="cont" style="width:80px; height:80px; background:blue;"></div>
    <div class="navi-right" style="width:50px; height:100%; background:green;"></div>
</div>
4

1 に答える 1

1

同じ高さの流動的な 3 列のレイアウトを探している場合は、この「聖杯」の投稿を確認してください。

パーセンテージの高さをトリガーするには、親の高さがわかっている必要があります。また、DIV をすべて同じ行に表示する場合は、DIV をインラインで表示する必要があります。

<div style="width:400px;height:80px;">
    <div class="navi-left" style="width:50px; height:100%; background:grey;"></div>
    <div class="cont" style="width:80px; height:80px; background:blue;"></div>
    <div class="navi-right" style="width:50px; height:100%; background:green;"></div>
</div>

CSS

div {display:inline-block;}

フィドル: http://jsfiddle.net/qvepX/

于 2013-01-17T16:58:09.183 に答える