html - 如何将一个对象设置为绝对对象，但同时在到达另一个对象时向左浮动

Question

假设我的页面上有两张图片，均在 <img> 标签中声明，其中一张位于 左上角 和右上角 的另一个，都被样式为:

position: absolute;
top: 0px;
//left: 0px; right: 0px; respectively :)

但是当我减小浏览器窗口的大小时，两个图像相互交叉。 如何让右边的图片在碰撞到物体时向左浮动？

Answer 1

你不能简单地 float 图像而不使用 position:absolute; 吗？

像这样 FIDDLE

HTML:

<img class="left" src="img_path" />
<img class="right" src="img_path" />

CSS:

.left{
    float:left;
}
.right{
    float:right
}