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

Question

不仅如此，而且无论窗口如何调整大小，它们都可以并排放置。我必须使用一张桌子来完成这个吗？有没有更好的办法？

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

我正在使用的示例。

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使用 a<div style="clear: left"></div>或 clear 元素清除浮动，或者将它们包装在另一个具有clearfix样式的元素中