使用CSS将一个图像浮动到另一个图像上

Question

我正在使用一些简单代码的bootstrap.在jumbotron div/container里面我有2张图片.一个左对齐.一个右对齐.如何在调整浏览器窗口大小时允许正确的图像漂浮在左侧上方/上方？快把我逼疯了.

<div class="jumbotron">
<div class="container">

<div class="left-image">
<img src="left-image.png">
</div>

<div class="right-image">
<img src="right-image.png">
</div>

</div>
</div>

我觉得像这样的简单css会这样做吗？

.left-image {
float: left;
}
.right-image {
float: right;
z-index: 999;
}

Answer 1

position: absolute如果您希望图像重叠,则需要使用

.left-image{
    position: absolute;
    left: 200px;
}
.right-image{
    position: absolute;
    right: 200px;
    z-index: 5;
}

编辑上面的左右属性以获得您喜欢的定位.

例