边栏定位问题

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。