将左/右跨度放在同一条线上，这样就没有空间了

Question

我正在尝试创建一个网站，我需要右侧左侧内容框中的菜单。

#Wrapper { 
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0%;
    right: 0%;
    top: 10px;
}


span.left {
    position: relative;
    left: -365px;
    top: 400px;
    z-index:1;
}


span.right {
    position: relative;
    right: -74px;
    z-index:-1;
}

每次我在左侧跨度下添加新图像时，右侧跨度的顶部会向下移动，因为它们不在同一条线上。我仍然想要相对定位，但我希望两个跨度在彼此之上。

Answer 1

你应该使用浮动：

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

然后在包装广告的底部进行以下操作：

<div style="clear: both; height: 0">&nbsp;</div>

使包装器与最高的浮动div相同的高度