使左右浮动重叠而不是堆叠

Question

这比解释更容易显示:http://jsfiddle.net/gN4VZ/

当两者结合超过容器宽度时,是否可以让我的右浮动内容(蓝色)重叠我的左浮动内容(红色)而不是堆叠在它下面？

Answer 1

你可以使用绝对定位.

代替

float: right

使用:

position: absolute;
right: 0;

而不是

float: left

使用:

position: absolute;
left: 0;

请务必position: relative;在父级上设置,div以便绝对定位相对于各自的容器而不是页面.