Css 阻止body进入固定菜单

当我调整页面大小时，我的正文内容进入固定菜单区域

我用的是像素和百分比，我怎么能防止呢

U可使用宽度：calc100%-200px；身体上

例如：

---

ps：仅限现代浏览器

谢谢，我不知道这一点。

<div class="menu">menu</div>
<div class="body">body content</div>

.menu{
    height: 100%;
    position: fixed;
    background-color: red;
    width: 200px;
    float: left;
}

.body{
    background-color: yellow;
    float: right;
    width: 60%;
}