我在一个div中有两个div,
的HTML
<div class="preview">
<div class="gamePreview"></div>
<div class="gameName"></div>
</div>
我希望gameName
div位于游戏Preview div的顶部。
的CSS
.preview {
display: block;
}
.gamePreview, .gameName {
margin-left: 20px;
}
.gamePreview {
width: 30%;
height: 350px;
margin-top: 40px;
background-color: lightgrey;
float: left;
}
.gameName {
width: 29.59%;
background-color: #494949;
height: 150px;
opacity: 0.5;
margin-top: 240px;
clear: both;
position: absolute;
}
当只有一个preview
div时,这可以很好地工作。但是,如果我想将两个div放在同一行上,那么gameName
所有div都将浮动在同一位置。相反,我希望每个gameName
div都位于自己的gamePreview
div之上。
检查一下fiddle
。我认为这就是您所需要的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句