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

我试图把一个模型变成一个css页面，但我不确定是否有一些技巧我错过了由于缺乏经验。下面的图片是我想要的。我希望char菜单占据固定的宽度，但我希望编辑菜单随着浏览器窗口的重新调整而拉伸

我似乎无法使用百分比来确定流体部分的大小，因为它要么会在聊天框下溢出，要么会在聊天框之间留下空白

任何帮助都将不胜感激

*{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;}

---

您的问题不足以让任何人提供帮助。您需要发布更多详细信息，以及指向示例或实际代码的链接。没有代码。我要做的就是拍一张照片。我只是想问一下，是否有一个定位技巧可以用来解决我描述的问题。在发布之前，你至少应该试着自己解决这个问题。非常感谢！但这不起作用，因为右侧边栏覆盖了左侧内容。我想得越多，听起来就越不可能。这个解决方案可能与javascript有关吗？顺便说一句，我确实试图解决这个问题，但发布的代码会让人困惑，因为在当前状态下，代码中充满了无关的东西。