苏飞论坛

标题: css3-calc自适应高度 [打印本页]

作者: xyc 时间: 2021-8-9 16:20
标题: css3-calc自适应高度
   上次说过了calc自适应宽度的问题，今天就来说下自适应高度的问题，和宽度都是同样的道理。
   实现方法：

[XML] 纯文本查看 复制代码

.text {

  width:100%;

  height: calc(100% - 100px);/*当前盒子所占高度100%-100px*/

}

如果元素的高度为100px，那么剩余的高度就是整体高度减去100px的高度，calc(100% - 100px)。

欢迎光临苏飞论坛 (http://www.sufeinet.com/)