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

3

CSS 不是一种编程语言，所以，不，你不能像你所说的那样做。

于 2013-06-11T11:26:56.073 回答
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 是块级元素，并且希望自己占据一整行。您发布的代码将导致子 div 和父 div 的文本位于不同的行上。正因为如此，很难知道你在寻找什么高度......也许如果父母只是有文字？然后，我们如何处理与文本相关的 div？重叠吗？还是将 div 推出父级的底部？

于 2013-06-11T11:59:30.967 回答
0

如果您想将相同的高度设置为上下文本您可以添加到parrent

.A
{
display: table;   
}

你可以添加到孩子

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