您能否看看JSfiddle并让我知道如何.caption
将 div 与 class 放在 div 的底部.wrapper
。
我已经尝试向其中添加position:absolute; bottom:5px;
规则,.caption
但它将标题 div 置于.wrapper
!
<div class="wrapper">
<div class="caption">Test</div>
<div class="main"></div>
</div>
这是CSS规则
.wrapper{
height:300px;
width:300px;
background-color:yellow;
}
.main{
height:100%;
width:100%;
}
.caption{
height:10%;
width:100%;
background: rgb(0, 0, 0) ; opacity: 0.7;>
margin-bottom:5px;
color:white;
}