如何顯示div高度？

的CSS：如何顯示div高度？

#container 
    { 
    position:relative; 
    left: 27%; 
    width: 50%; 
    height: 100%; 
    background-color: rgba(0,0,0,0.7); 
    }

HTML：

<div id="container"> 
<div id="banner"><img src="images/banner.png" border=0></div> 
<div id="text"><p>Text</p></div> 
    </div>

取決於文本大小的#container的高度增加......因爲我不能文本移到底部，我不知道爲什麼#container在這個詞的真正意義上就像是一個包裝器，是否有其他方法可以改變它？

來源

2013-06-22 Lebada Petru

你想達到什麼目的？文字在底部？ – splinterteal

不，你看，我寫在那裏background-color：rgba（0,0,0,0.7）;以及我這樣做，因爲我希望它作爲內容的背景，但它不顯示如果div #container是空的，當我插入像文本的東西，例如，容器大小是相同的文字大小。我希望它是100％的高度，並顯示出來。 –

我不知道你在說什麼m8 – splinterteal

我已經在過去幾個月中與div定位摔跤了，這仍然令人沮喪。

我做了這一點：

CSS

#container { 
    position:relative; 
    left: 27%; 
    width: 50%; 
    height: 100%; 
    background-color:red; 
} 

#banner { 
    height:100px; 
    width:100%; 
    background-color:lightblue; 
} 

#text { 
    font-size:24px; 
}

HTML

<div id="container"> 
<div id="banner">picture</div> 
<div id="text">Text</div> 
</div>

，這讓我在上面的「圖片」，右圖片下方的文字。

這是你在找什麼？

來源

2013-06-22 18:08:05 TimSPQR

這是小提琴：http：//jsfiddle.net/xq2gb/ – TimSPQR

如何顯示div高度？

回答

相關問題