以前我们想实现DIV宽度的计算,只能使用JS,现在可以使用CSS3快速高效的进行计算:
div{
width: calc(100vw - 220px);
height: calc(100vh - 100px);}
其中:
vw Viewport宽度, 1vw 等于viewport宽度的1%
vh Viewport高度, 1vh 等于viewport高的的1%
viewport:可视窗口,也就是浏览器。
也可以这样写:
div{
width: calc(100% - 220px);
height: calc(100% - 100px);}
需要注意的是:calc(100% - 220px)中间的“-”,一定要有空格,不然不起作用的。
本文名称:CSS3使用calc()计算DIV宽度高度
新闻来源:https://www.syh-b.com/qtweb/news49/562199.html
圣合创意、聚焦快消品商业设计品牌整合设计14年;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 圣合创意