侧边栏定位问题

Question

我创建了我的第一个模板但是我的侧边栏没有按预期工作。请看一下：http://neo4evr.com/templates/torque/

正如您所看到的，侧栏已经下降到页脚位置，而不是#content div侧面，正如我所希望的那样。任何人都可以帮我把它带到content div旁边吗？

Answer 1

您需要正确清除#container div并将内容浮动到左侧以解决问题。试试这个：

#container:after {
    clear: both;
}
#container:before, #container:after {
    content: "";
    display: table;
    zoom:1; /* ie fix */
}

#content {
    float:left;
}

Answer 2

这应该很简单。只需将display: inline-block添加到div#content即可。然后侧边栏会上升并位于div#content旁边。您可能会注意到一件事，侧边栏可能比内容略高一些。如果你想把它缩小一点只是为了使它与内容一致，只需在侧边栏的顶部添加相同数量的填充，就像内容一样。在这种情况下，它是20px。