Possible Duplicate:
07000
什么是最简单的,仅限CSS,跨浏览器的方式来实现以下CSS布局：
>具有固定像素宽度(例如200px)的左手菜单DIV.
>在旁边,内容DIV填充整个剩余区域.
我之前做过这样的事情,比如绝对定位和东西,从来没有感觉很干净.现在我必须转换一个旧的表格布局,并认为正确的时间是正确的:)
解决方法
最简单的似乎是：
- <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>
