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

Question

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

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

任何帮助将不胜感激！

Answer 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;}

演示