calc()函数如何在CSS中起作用？

Question

我正在尝试calc()用于我的CSS.我创建了一个简单的小提琴,我有两个div.一个人有一个风格使用的类calc().但它没有任何效果.Div的高度没有变化.

.cont {
  height: calc(100% - 20px);
}

<div class="cont" style="background-color:blue">fsdfds</div>
<div style="background-color:red">1234</div>

感谢帮助.

Answer 1

该calc()功能工作正常.

它是您需要更好地理解的百分比高度.

为了使百分比高度能够处理元素,父元素上必须有一个已定义的高度(除非子元素是绝对定位的).

这是一篇详细解释的帖子:

这是你的小提琴演示与像素高度相反:http://jsfiddle.net/UF3mb/697/