小孩的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一樣高

回答

相關問題