html - 让左右浮动重叠而不是堆叠

Question

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

当两者合并超过容器宽度时，是否可以让我的右侧 float 内容(蓝色)与我的左侧 float 内容(红色)重叠而不是堆叠在其下方？

Answer 1

你可以使用 absolute positioning .

代替

float: right

使用:

position: absolute;
right: 0;

而不是

float: left

使用:

position: absolute;
left: 0;

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