HTML / CSS:向左浮动

乔希克

我在一个div中有两个div,

的HTML

<div class="preview">
       <div class="gamePreview"></div>
       <div class="gameName"></div>
</div>

我希望gameNamediv位于游戏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;
}

当只有一个previewdiv时,这可以很好地工作。但是,如果我想将两个div放在同一行上,那么gameName所有div都将浮动在同一位置。相反,我希望每个gameNamediv都位于自己的gamePreviewdiv之上

https://jsfiddle.net/r5t5vuqk/

我希望它看起来像什么:

声达

检查一下fiddle我认为这就是您所需要的。

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML / CSS向左浮动会自动填充空白

来自分类Dev

CSS / HTML:缩小浏览器时,向左浮动不起作用

来自分类Dev

CSS溢出向左浮动

来自分类Dev

CSS不能向左浮动

来自分类Dev

CSS:向左浮动,位置绝对

来自分类Dev

使CSS列始终向左浮动

来自分类Dev

CSS向左浮动,然后向右浮动

来自分类Dev

css向左浮动和向右浮动

来自分类Dev

HTML / CSS浮动问题

来自分类Dev

HTML / CSS向左对齐,但保持居中

来自分类Dev

HTML / CSS向左对齐,但保持居中

来自分类Dev

在更多列中向左浮动CSS技巧

来自分类Dev

CSS文本在向左浮动时开始换行

来自分类Dev

CSS向左浮动和position元素

来自分类Dev

CSS:div不会向左浮动(float:left)

来自分类Dev

CSS - Flex 一项向左浮动

来自分类Dev

CSS菜单向左浮动,向右浮动一半

来自分类Dev

在HTML5上使用向左浮动时,div底部的边距

来自分类Dev

在HTML5上使用向左浮动时,div底部的边距

来自分类Dev

HTML:向左浮动不适用于所有带有 *ngFor 的元素

来自分类Dev

HTML / CSS:如何居中浮动div?

来自分类Dev

HTML CSS Content div不会浮动

来自分类Dev

浮动栏的最小宽度(HTML \ CSS)

来自分类Dev

如何使文本浮动在图像HTML CSS的顶部

来自分类Dev

HTML / CSS - (浮动:左)不起作用

来自分类Dev

图像 HTML CSS 旁边的浮动文本

来自分类Dev

CSS3列表导航未向左浮动

来自分类Dev

CSS向左浮动,没有环绕并且固定大小

来自分类Dev

日语unicode字符使CSS浮动向左反转