html - 左边的元素具有恒定的宽度，右边的部分根据页面缩放

我从不认为这很难做到，我认为我遗漏了整个要点而忘记了一部分，但问题很简单。

目前，我正在创建一个单页应用程序，其中有2个大元素，左边的菜单和右边的其他所有内容（就像仪表板一样！）。

我的页面必须是这样的：

.menu { width:300px } .content { width:100% - 300px}

这是否可能如此简单，还是我需要将内容定位为绝对值，并使其左边距为300px？有更好的选择吗？还是那条路？

最佳答案

你近了您只需要使用CSS calc方法：
  
  .menu { width:300px } .content { width: calc(100% - 300px) }


Calc是一点。但是不要忘记跨浏览器的支持。加：

.content {
  width: calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
}

关于html - 左边的元素具有恒定的宽度，右边的部分根据页面缩放，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34353475/