0

我一直在寻找几乎所有地方试图找到解决方案..

无论如何，我正在尝试将两个侧边栏“堆叠”在一起，但第二个侧边栏不能低于第一个侧边栏，除非我在侧边栏旁边的内容高于第一个侧边栏（奇怪的解释，但我想不出任何其他方式来解释它。）

它们都在 2 个不同的标签内，具有相同的 id，即：

#designsidebar {
float:right;
width:155px;
padding:10px;
border:solid;
border-width:1px;
border-color:#333330;
background-color:#171715;
margin-bottom: 10px;
border-radius: 10px;
}
4

3 回答 3

1

您需要它们都位于同一个标签中，并将该标签浮动到右侧。id此外，您在一个页面上永远不应该有超过一个。

于 2013-10-07T18:39:14.880 回答
0

您应该将 更改id为 aclass因为您在同一页面上有多个。您需要做的就是清除浮动。您那里还有两个background-color规范，因此我删除了最后一个并将您的规范更改border为速记 css。

.designsidebar {
    float: right;
    clear: right;
    width: 155px;
    padding: 10px;
    border: 1px solid #333330;
    margin-bottom: 10px;
    border-radius: 10px;
}
于 2013-10-07T18:40:01.340 回答
0

首先，您不应该对 2 个不同的事物使用相同的 id。它被称为 ID 是有原因的。您应该改用一个类。除了最佳实践，我不确定我是否理解您的问题，但您可能需要将侧边栏设置为position:absolute;，并z-index相应地设置它们。z-index当它符合您的标准时，使用最有可能改变它的javascript 。不确定标准是什么，所以很难说其他可能的方法来使用它。

于 2013-10-07T18:41:42.157 回答