html 动态宽度高度,Html，Body 100％内容的高度和动态宽度

我知道这里有些问题涉及我的问题的部分内容，但我不能将它们放在一起以使我的布局工作。Html，Body 100％内容的高度和动态宽度

所以基本上我想要一个固定的边栏和动态内容填充剩余空间的两个列布局。

HTML：

• Nav 1
• Nav 2
• Nav 3

CSS：

html, body {

height:100%;

margin: 0;

padding: 0;

border: 0;

}

#content {

height:100%;

float:left;

/*margin: 0 0 0 200px;*/

}

#navbar{

height:100%;

width:200px;

float:left;

}

有了这个CSS我有我的内容isn't占用的剩余空间的问题，如果我删除浮动，我收到了垂直滚动条，因为在顶部有一个边缘！

任何建议如何我可以实现100％的高度没有滚动条(没有溢出隐藏，因为它不会删除顶部边距)和动态内容宽度？

在此先感谢

编辑：

具有讽刺意味的与jsfiddle

2013-09-05

makim

+1

什么小提琴 –

+0

@Itay呃，小提琴？怎么样一个URL？ –

+0

你想要你的div＃内容有动态宽度吗？ –