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>