在我的网站上我试图布局我试图让我的页面有一个左侧边栏/菜单区域，主要内容区域在右边。我希望我的主要内容区域停在屏幕的右边缘，所以我尝试给区域width: 100%，但这似乎不正常。它似乎是100％的宽度，但后来向右移动（因此离开了屏幕的一侧。
可以在http://jsfiddle.net/KallDrexx/xmmSV/5/
找到代码和结果如何完成此操作以保留页面中的所有文字？
答案 0 :(得分：2)
对于main-area，请移除width:100%和position:absolute，将left:160px替换为margin-left:160px，然后就完成了。
答案 1 :(得分：0)
这是因为#main-area设置为100％宽度，这将是容器的100％（这种情况是body。因此，它将是页面宽度的100％。但是因为你将它移动了160px，它的实际位置是身体的100％+ 160px。
布局是否需要流畅？如果没有，您只需设置#main-area的宽度（以像素为单位）。
答案 2 :(得分：0)
您可以尝试将width: 100%替换为right: 0px main-area。
基本上这表示框的右侧应该是父级左侧的0px。
现在，main-area仍然可以使用页面宽度进行缩放。