具有固定宽度左侧菜单的液体布局[重复]答案

【问题标题】：Liquid Layout with fixed width left hand menu [duplicate]具有固定宽度左侧菜单的液体布局[重复]
【发布时间】：2009-11-19 14:56:58
【问题描述】：

可能重复：
3 and 2 column full screen (width & height) layouts (CSS)

实现以下 CSS 布局的最简单、纯 CSS、跨浏览器的方法是什么：

具有固定像素宽度（例如 200 像素）的左侧菜单 DIV。
在它旁边，一个内容 DIV 填充了整个剩余区域。

我以前用绝对定位之类的东西做过这个，从来没有感觉很干净。现在我必须转换一个旧的表格布局，并认为是时候正确地做到这一点了:)

【问题讨论】：

只是关于 SO 的许多类似问题之一：stackoverflow.com/questions/574317/… 搜索“[css] 列”，您会找到更多。
谢谢。那里的链接给了我我需要的一切。我不能自己结束这个问题，对吧？
您可以添加一个标签“投票关闭”或类似的标签，我想版主很快就会代表您这样做。
你应该可以投票结束你自己的问题

标签： html css

【解决方案1】：

最简单的似乎是：

<style type="text/css" media="all">

#left_hand {width: 200px;
            float: left;
            }

#main_content {margin: 0 0 0 200px; /* adjust for a gutter between divs */ }

</style>

<div id="left_hand">
<!-- content -->
</div>

<div id="main_content">
<!-- main content -->
</div>

【讨论】：