height:calc(100% - 40px)

转载于 2017-06-12 19:06:00 发布 · 1.4k 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wang715100018066/p/6994528.html

本文介绍如何使用 CSS 的 calc 函数实现移动端页面中内容区域的高度自适应，即除去固定高度的头部后，其余部分充满整个视窗高度。通过简单的代码示例展示了 calc 的用法及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在移动端开发的过程中，常常会遇到头部高度是40px，而内容页是除去头部，占满视窗的整个高度，有时候是用js来处理，现在用css的calc是非常方便的:

.container{
  height: calc(100% - 40px);  //注：减号前后要有空格，否则很可能不生效！！
}

转载于:https://www.cnblogs.com/wang715100018066/p/6994528.html