header, section, footer {
padding: 1em calc(50% - 350px);
}
1，别忘了在 calc() 函数中用空白符把 - 和 + 隔起来，否则会 产生解析错误！这个看似怪异的规则是为了向前兼容：在未来，calc() 可能会允许使用标识符，而这些标识符本身可能会包含连字符，容易与减号混淆。
2，无需使用width；
3，优势： 避免了使用两层元素，css也不需要分开两层元素来写；使代码更dry；
calc函数的用法：
<calc()> = calc( <calc-sum> )
<calc-sum> = <calc-product> [ [ '+' | '-' ] <calc-product> ]*
<calc-product> = <calc-value> [ '*' <calc-value> | '/' <number> ]*
<calc-value> = <number> | <dimension> | <percentage> | ( <calc-sum> )
《css 揭秘》 笔记
转载请注明原文地址: https://ju.6miu.com/read-1123755.html
