html - 在同一行放置一个左/右跨度，所以没有空格

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 具有相同的高度