javascript - 带有静态菜单的 HTML Div 定位

Question

我知道以前可能有人谈过这个，但我需要一些专业知识。

我有一个div标签

<div id="body">
   <div id="menu">
   </div>

   <div id="content">
   </div>
</div>

我需要的是菜单向左浮动并为 200 像素，而右侧的内容位于它旁边但为 100% 或宽度的剩余部分是什么？有什么想法可以实现吗？

请参阅http://jsfiddle.net/vBUhD/这是我能做的最好的了吗？

Answer 1

有点像

#menu{
float: left;
width: 200px;
margin-left: -100%;
position: relative;
}

#content {
padding: 0 0 0 220px;
}

#body {
width: 100%;
float: left;
overflow: hidden;
}