Css 如何强制一个无序列表和一个并排有表的div？

不仅如此，无论窗口大小如何调整，都要将它们并排放置。我需要用一张桌子来完成这个任务吗？有更好的办法吗

注意：欢迎使用HTML4和HTML5答案

---

如果设置了以下样式，则应该可以：

.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之后的浮动，或者将它们包装到另一个具有样式的元素中

首先，您想要并排的元素应该是浮动的。浮动元素的父元素应具有固定的宽度，以充当容纳它们的容器。这将阻止它们在调整大小时彼此浮动。您是否在寻找非浮动答案？浮动元素的宽度应考虑其上的任何填充/边距。我正在寻找不需要表格标记的答案。浮动不需要标记