苏飞论坛

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

作者: xyc    时间: 2021-8-7 17:09
标题: css3-calc自适应宽度
      项目中经常用遇到设置元素本身以外的宽度,今天咱们就来说说用calc来实现的方法。
      
[XML] 纯文本查看 复制代码
.text {
  width: calc(100% - 100px);/*当前盒子所占宽度100%-100px*/
  height:100%;      
}

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

作者: 范范    时间: 2021-8-7 17:16
支持下




欢迎光临 苏飞论坛 (http://www.sufeinet.com/) Powered by Discuz! X3.4