css - 如何设置图像编辑页面答案

【问题标题】：css - how to setup image editing pagecss - 如何设置图像编辑页面
【发布时间】：2012-03-01 16:34:54
【问题描述】：

我正在尝试使用 css 将模型转换为页面，但我不确定是否由于缺乏经验而遗漏了一些技巧。下图就是我想要的。我希望 char 菜单占据固定宽度，但我希望编辑菜单在调整浏览器窗口大小时拉伸。

我似乎无法使用百分比来调整流动部分的大小，因为它会在聊天框下方溢出或在其之间留出空白。

任何帮助将不胜感激！

【问题讨论】：

您的问题不足以帮助任何人。您需要发布更多详细信息以及指向示例或实际代码的链接。
没有代码。我所要做的就是一张照片。我只是想问是否有一个定位技巧可以用来解决我描述的问题。
在发帖之前，您至少应该尝试自己解决问题。

【解决方案1】：

*{margin:0; padding:0;}
html,body{width:100%; height:100%;}
.image{background:lightblue; height:100%; margin-right:200px;}
.menu{width:200px; height:100%; background:salmon; position:absolute; top:0; right:0;}

Demo

【讨论】：

非常感谢！但这不起作用，因为右侧边栏超出了左侧内容。我越想越觉得不可能。解决方案可能与javascript有关吗？顺便说一句，我确实试图解决这个问题，但发布的代码会令人困惑，因为它在当前状态下充满了无关紧要的东西。