CSS3中使用calc()设置浏览器宽度和高度减去固定值的写法_css高度减去固定高度

作者：喵喵爱编程 | 2024-06-30 04:48:33

踩

css高度减去固定高度

设置宽度：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)~~
不同浏览器设置
div{
/实现了宽度为父容器宽度减去固定的300像素/
width:-webkit-calc(100vw - 300px);
width:-moz-calc(100vw - 300px);
width:calc(100vw - 300px);
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/喵喵爱编程/article/detail/771445