博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS3中使用calc()设置宽度和高度
阅读量:4325 次
发布时间:2019-06-06

本文共 335 字,大约阅读时间需要 1 分钟。

设置宽度:width:calc(100vw - 123px);

说明:1、vw是width of view(port)的缩写;

   2、100vw表示百分之百的视图宽度;

   3、123px是需要减去的宽度;

   4、减号的两边必须都有至少一个空格。

设置高度:height:calc(100vh-123px);

说明:1、vh是height of view(port)的缩写;

   2、100vh表示百分之百的视图高度;

   3、123px是需要减去的高度;

   4、同理减号的两边必须都有至少一个空格。

注意:切勿写成 calc(100%-123px)

转载于:https://www.cnblogs.com/modouer/p/8526804.html

你可能感兴趣的文章
小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_4-2.微服务下登录检验解决方案 JWT讲解...
查看>>
小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_5-8.用户模块开发之保存微信用户信息...
查看>>
HDU 5353 Average
查看>>
进程和计划管理
查看>>
MQ_ActiveMQ环境部署+C#推送和接收消息
查看>>
Ubuntu16.04上使用Anaconda3的Python3.6的pip安装UWSGI报错解决办法
查看>>
学习笔记11.6
查看>>
高效中的细节注意
查看>>
MySQL 之 库操作
查看>>
Python 最抢手、Java 最流行,前线程序员揭秘 2019 软件开发现状
查看>>
R语言(一)
查看>>
商品搜索引擎---分词(插件介绍与入门实例)
查看>>
win7下硬盘安装Windows
查看>>
SQL Server 数据库性能优化(转载)
查看>>
java ee课程目标
查看>>
Shell 脚本进程并发&进程数控制
查看>>
Java基础String类
查看>>
yum -y list java* 查看当前java的版本
查看>>
Linux创建用户
查看>>
github中markdown语言的使用规则
查看>>