我正在尝试使用以下方法创建网页：
左侧屏幕上的固定导航面板
右侧的div容器，用于存放较小div容器（宽度为100％+边距）中的内容
问题是，如果不损害内容div容器的导航或大小，我将无法获得想要的东西。
到目前为止，我所拥有的：http : //jsfiddle.net/u5j7ayud/
我希望我所说的一些话可以理解，如果不看下面的插图
不正确（当前状态）：
___________
| ___|_____ |
||___|_____||
| ___|_____ |
||___|_____||
|____|______|
正确（期望状态）：
____________
| | _____ |
| ||_____||
| | _____ |
| ||_____||
|____|_______|
您的布局存在一些问题...
在position: fixed你的资产净值的是一个坏主意。它使元素脱离页面流，您float: left变得毫无用处。
最好让内容通过内联定位技术（例如css表）自动填充屏幕。我建议您将您nav和contentdiv转换为display: table-cell元素。
然后，width: 200px在导航上设置，将使内容div填充剩余空间：
body{
padding:0; margin:0;
display: table;
width: 100%;
}
#content {
display: table-cell;
background: black;
overflow: auto;
}
#box{
background: red;
min-height: 200px;
margin: 10px
}
.nav {
width:200px;
height:100%;
background:blue;
text-align:right;
padding: 5px 10px 0 0;
display: table-cell;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句