其他分享
首页 > 其他分享> > CSS calc 设置宽度和高度(转载)

CSS calc 设置宽度和高度(转载)

作者:互联网

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

 calc(100%-123px) 无效,尝试多次都失败!

 原来CSS3版本和以前版本不一样!

CSS3中:

设置宽度: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,123px,CSS
来源: https://www.cnblogs.com/hao-1234-1234/p/15659884.html