小孩的div应该和父母的div一样高

我需要一个小孩div与父母一样高，但我不知道父母的身高。它可以改变。设置“height：100％”不起作用，因为div会占据整个页面的高度。小孩的div应该和父母的div一样高

这是div的布局：

<div id="deelnemersballoon"> 
    <div class="balloonarrow"></div> 

    <div class="balloonborder"> 

     <div class="ballooncontent"> 
      <div id="aantaldeelnemers">1</div> 
      <div id="deelnemertekst">deelnemer werd toegevoegd.</div> 
      <div class="clear"> 
       <button>Add something</button> 
      </div> 
     </div> 

    </div> 

</div>

.balloonarrow应高达#deelnemersballoon

来源

2010-11-12 skerit

请向我们展示您的CSS。听起来像'气球'是绝对/相对/无论，其他一些可能是太 - 这是重要的知道找到一个解决方案。 – oezi 2010-11-12 13:15:03

以像素为单位设置父级div高度（对于前身高度：100px）并将子级设置为100％（身高：100％）。孩子只占用父母div宽度

来源

2010-11-12 13:14:16 ArK

尝试添加位置：相对于父DIV。然后100％的子div应引用父div。一般来说，100％的高度将寻找最近的父元素，并且如果它没有找到它，它最终将找到body标签并使用它。

来源

2010-11-12 13:14:01

你是否尝试过并且有效？因为对我来说不是。 – Sotiris 2010-11-12 13:18:24

我从未有过高度的运气：100％;即使按照规则玩牌。 .balloonarrow做什么？如果您只是试图将图形捕捉到div的底部，则可以尝试position：absolute;和bottom：0px;只要#deelnemersballoon设置为position：relative ;.

如果您只是想制作一个由.balloonarrow包含的可靠/图案化的视觉效果，您最好制作一张伸展图像：创建一个3像素或4像素高的图像，使其成为#deelnemersballoon的背景，并设置它重复-y。快速和肮脏的方式来制作100％高度的侧边栏。

希望这会有所帮助，如果没有看到您的CSS，就不能多说。

来源

2010-11-29 22:33:23 CodeMoose

孩子的div不会占用其父的100％，如果它收到了该标记的东西：

HTML：

<div id='parent'>Parent (Mark up before child)<div id='child'>Child</div></div>

CSS：

#parent {background:blue; height:500px; color:white} 
    #child {background:red; height:100%}

你可以在这里找到一个工作示例。（拔下#parent DIV文本会使孩子填充100％）

http://jsfiddle.net/wcprA/2/

同样的道理也适用，如果你有100％的孩子藏汉后标记，并在这里看到

http://jsfiddle.net/wcprA/5/

来源

2010-11-30 00:11:20 Blowsie

你错了，孩子正在占据父母的高度，只是被推倒了。它现在实际上已经使父母满溢了。 – david 2010-11-30 00:16:45

事实上它已经过时了，但它复制了一个问题，并且证明上面的代码不应该在100％的页面高度渲染div，我想用户css的一个例子会很好 – Blowsie 2010-11-30 00:22:09

小孩的div应该和父母的div一样高

回答

相关问题