1

これが私の質問です 私はこのようなHTMLを持っています

<div class='A'>
    <div class='B'>Hello World</div>
    This div Height is more than first one due to the content size 
</div>

今、クラス「A」で親divの高さを取得したいので、その高さをクラス「B」でdivに指定する必要があります

CSS3 のみを使用します。出来ますか？だれか、助けてください。

ありがとうございました...

4

4 に答える 4

2

前に述べたように、CSS はプログラミング言語ではありませんが、代わりに jQuery を使用できます。

$(document).ready(function(){
    $(".B").css("height", $(".A").height());
});

または、CSS でこれを行うことができます。

.A { 
    height: 300px;
}

.B {
    height: inherit;
}
于 2013-06-11T11:40:41.393 に答える
1

親の高さを明示的に設定している場合は、子の高さを 100% に設定してこの効果を得ることができます。JSFiddle で表示します。

CSS

#parent {
  background: #eee;
  height: 200px;
}
div div {
  background: #aaa;
  height: 100%;
}

HTML

<div id="parent">
<div>lalala</div>
</div>

高さを明示的に設定していない場合は、質問をさらに指定する必要があります。div はブロック レベルの要素であり、1 行全体を占める必要があります。投稿したコードにより、子 div と親のテキストが異なる行になります。そのため、探している高さを知るのは難しいです...おそらく、親がテキストを持っていたら? では、テキストに関連する div をどうするのでしょうか? 重ねる？または、親の下部に div を押し出しますか?

于 2013-06-11T11:59:30.967 に答える
0

上下のテキストに同じ高さを設定したい場合 親に追加できます

.A
{
display: table;   
}

そして、あなたは子供に追加することができます

.B
{
  display: table-row;     
}
于 2013-06-11T11:42:19.040 に答える