css - 你如何强制一个无序列表和一个带有表格的 div 并排？

Question

不仅如此，无论窗口如何调整大小，它们都将并排放置。我是否必须使用表格来完成此操作？有没有更好的办法？

注意:欢迎使用 HTML 4 和 HTML 5 答案。

An example of what I'm working with.

Answer 1

如果您设置了以下样式，您应该没问题:

.page
{
    width: 100%;
}

#sidebar
{
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 20%;
}

#main
{
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 80%;
}

如果你想在这些元素之间留出一些空间，请考虑你的风格:

#main
{
    padding: 0 0 2% 0;
    margin: 0;
    float: left;
    display: block;
    width: 78%;
}

您还需要清除 #main 之后的 float 用<div style="clear: left"></div>或清除元素或将它们包装在另一个具有 clearfix 的元素中风格