css 不同单位计算

        响应式布局的方式有很多种，比如使用girl布局，flex布局、流媒体查询等等。在响应式布局中，布局内的元素一般都不设元素的高度，设高度后后，元素就变成固定元素。在设计中，若有部分元素需要设固定高度时，这部分元素会影响到其他元素自适应。比如，我需要限制顶部导航栏的高度为33px并且顶部导航栏同级的元素是以“%”为单位的自适应，这种情况该如何去就算？若同级元素使用“%”的单位并设为100%，后面元素会和前面的元素重叠（就是两个元素的top和left都为0）。接下来我将介绍一个css函数，可用于数值中不同单位计算。

       calc()。

       height:calc( % - px);

       height:calc( px - px);