calc() 函数如何在 CSS 中工作?

标记

我正在尝试calc()用于我的 css。我创建了一个简单的 Fiddle,其中有两个 div。一个类的样式使用calc(). 但它没有任何效果。Div 的高度没有变化。

.cont {
  height: calc(100% - 20px);
}
<div class="cont" style="background-color:blue">fsdfds</div>
<div style="background-color:red">1234</div>

小提琴

感谢帮助。

迈克尔·本杰明

calc()功能运行良好。

这是您需要更好地理解百分比高度

为了在元素上使用百分比高度,父元素必须有一个定义的高度(除非子元素是绝对定位的)。

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

这是您使用像素高度的小提琴演示:http : //jsfiddle.net/UF3mb/697/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章