CSS 如何设置 div 高度 100% 减去 nPx

标签 css height

<分区>

我有一个包装 div,其中包含 2 个彼此相邻的 div。在这个容器上方,我有一个包含我的标题的 div。包装器 div 必须是 100% 减去 header 的高度。标题约为 60 像素。这是固定的。所以我的问题是:如何将包装器 div 的高度设置为 100% 减去 60 像素?

<div id="header"></div>
<div id="wrapper">
  <div id="left"></div>
  <div id="right"></div>
</div>

最佳答案

在 CSS3 中你可以使用

height: calc(100% - 60px);

关于CSS 如何设置 div 高度 100% 减去 nPx,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1192783/

相关文章:

css - VS 2010 SP1 级联样式表禁用

jquery - 如何创建计票进度条

css - Firefox 使用 Flexbox 忽略最大高度

css - IE6 float 和高度

html - 设置div的高度以适应剩余空间的方法

jquery - 使用 jquery 更改点击时 div 的高度

css - Flexbox:flex-shrink 在 IE11 及以下版本中不起作用

jquery - 我使用 D3 树 js 创建了树。重点是我需要每个树节点的顶部和左侧的值。如何获取树节点的顶部和左侧值?

css - 空 Div 需要是父级的 100%

html - 显示 :table-cell 内的跨浏览器全高元素