我使用一些简单的代码引导。在巨无霸div /容器内,我有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;
}
position: absolute
如果您希望图像重叠,则需要使用
.left-image{
position: absolute;
left: 200px;
}
.right-image{
position: absolute;
right: 200px;
z-index: 5;
}
编辑上方的left和right属性,以根据自己的喜好定位。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句