HTML Div使用静态菜单定位

我知道这可能之前已经讲过，但我需要一些专业知识。HTML Div使用静态菜单定位

我有一个div标签

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

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

我需要的是菜单浮动左，是200像素和右侧的内容坐在旁边，但100％或任何的剩余宽度上是什么？任何想法如何做到这一点？

请参阅http://jsfiddle.net/vBUhD/它可以做的最好吗？

来源

2012-01-30 TheMonkeyMan

你可以添加一些像这样我能看到和不能成像它。如果您希望菜单向左浮动并且内容粘贴到该位置。添加浮动：左转两者。 – Jashwant 2012-01-30 11:32:54

财产以后像

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

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

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

来源

2012-01-30 11:39:09

你应该能够得到这个用CSS做过这样的：

#body { width: 100%; } 

#menu { 
    width: 200px; 
    background-color: lightGray; 
    min-height: 50px; 
    float: left; 
} 

#content { 
    width: 100%; 
    min-height: 50px; 
    background-color: lightBlue; 
}

下面是它的jsfiddle：http://jsfiddle.net/jSUNt/

内容将绕流的菜单在左边。

来源

2012-01-30 11:39:33

一个例子小提琴：http://jsfiddle.net/AMbRU/

，你可以看到，只需添加float: left到菜单和应用某种清除技术于母公司

来源

2012-01-30 11:42:19 fcalderan