Menu 如何制作一个固定侧边菜单，将主要内容缩放到屏幕边缘？

如何创建一个布局，其中有一个固定宽度的侧菜单，但主要内容可扩展到屏幕的其余部分

以下是标记的示例：

<ul id="sideMenu">
   <li>....</li>
</ul>
<div id="mainContent">
   ... everything else ...
</div>

... 其他一切。。。

这可能吗

---

另外，如果我们能在mainContent上设置一个最小宽度，并且所有浏览器都能一致工作，那就太好了；）

可以将ur内容放在单元格间距和单元格填充设置为0的表格中。将td的宽度也设置为100%。你所要做的就是用试错法查看。

浮动侧菜单，然后设置主内容的边距以匹配它。这样可以防止主内容环绕副菜单

#sideMenu{float:left;width:200px;}
#mainContent{margin-left:200px;}

---

如果可以的话，我想用div。我只想在绝对必要的情况下使用表格。我已经知道如何处理桌子了。这太棒了。如此优雅，适用于右浮动或左浮动条。人们可能只希望css规范更清晰，因为这并不明显，但我很高兴它比使用表要好得多。非常感谢。