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>

取决于文本大小，＃content的高度增加...因为我无法将文本移动到底部，我不知道为什么但是#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>

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

这就是你要找的东西吗？

如何显示div高度？

1 个答案: