html - 如何显示 div 高度？

Question

CSS：

   #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 就像单词的真正含义中的包装一样，还有其他的吗改变它的方法？

Answer 1

在过去的几个月里，我一直在与 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>

它给了我顶部的“图片”，以及图片正下方的文字。

那是你要找的吗？