HTML+CSS DIV对齐布局

我正在尝试制作一个公文包网站，但我就是想不出CSS部分与DIV的结合。我正在尝试创建一个具有以下布局的站点：

这就是我得到的：

身体{ 保证金：0； 填充：0； } .菜单{ 高度：100vh； 宽度：380px； 背景色：5B91AC； 浮动：左； 位置：固定； 排名：0； 左：0； 填充：20px 10px； } .菜单img{ 宽度：100%； } .集装箱{ 位置：相对位置； 左：400px； 宽度：100%； 背景颜色：黄色； 填充：20px 10px； } .内容{ 最大宽度：768px； }

---

这就是你如何实现你想要的

---

@JanvanDijk你可以接受答案，这样会帮助别人！

*{
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
}
.menu{
  height:100vh;
  width: 25%;
  background-color: #5B91AC;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  padding: 20px 10px;
}
.menu img {
  width: 100%;
}
.container {
  width: 75%;
  background-color: #bdc3c7;
  padding: 20px 10px;
  margin: 0 0 0 25%;
  float: left;
}
.content {
  /* max-width:768px */;
  background-color: #ecf0f1;    
}