css3 的 calc()函数在布局中的使用----头部高度固定,页面正好占满一屏

前端之家收集整理的这篇文章主要介绍了css3 的 calc()函数在布局中的使用----头部高度固定,页面正好占满一屏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

 最近项目遇到一个布局需求,头部高度固定,页面需要刚好占满一屏幕。

如下示意图:

 

 

 方法:使用calc

-- }

calc()说明:

css3 的 calc()函数。这里的意思是设置宽度比100%的宽度少20px。
calc()函数用于动态计算长度值。
calc()函数支持 "+","-","*","/" 运算;
calc()函数使用标准的数学运算优先级规则;

特别注意:

 

原文链接:https://www.f2er.com/css/403321.html

猜你在找的CSS相关文章