Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 计算功能不工作时的最小高度_Css_Twitter Bootstrap - Fatal编程技术网

Css 计算功能不工作时的最小高度

Css 计算功能不工作时的最小高度,css,twitter-bootstrap,Css,Twitter Bootstrap,我有一个引导面板,我试图将面板主体类的最小高度设置为 .panel-body { min-height: calc(100% - 100px); } 为什么它在给定的小提琴中不起作用?calc是否依赖于功能浏览器?.container未设置任何高度,因此它将与试图达到其高度100%的子元素一样高。看到迪勒马了吗? 使.container具有100%的高度(以及所有的父容器),您应该会看到一些成功 查看我的小提琴叉:.container没有设置任何高度,因此它将与它的子元素

我有一个引导面板,我试图将
面板主体
类的
最小高度设置为

.panel-body {
      min-height: calc(100% - 100px);
    } 

为什么它在给定的小提琴中不起作用?
calc
是否依赖于功能浏览器?

.container
未设置任何高度,因此它将与试图达到其高度100%的子元素一样高。看到迪勒马了吗? 使
.container
具有100%的高度(以及所有的父容器),您应该会看到一些成功


查看我的小提琴叉:

.container
没有设置任何高度,因此它将与它的子元素一样高,而子元素试图达到其高度的100%。看到迪勒马了吗? 使
.container
具有100%的高度(以及所有的父容器),您应该会看到一些成功

看我的小提琴叉:

检查

你们可以查看css技巧关于粘性页脚的帖子,它用5种不同的方式设置粘性页脚

.content{
最小高度:计算(100vh-70px);
}
.页脚{
高度:50px;
}

内容
粘脚
检查

你们可以查看css技巧关于粘性页脚的帖子,它用5种不同的方式设置粘性页脚

.content{
最小高度:计算(100vh-70px);
}
.页脚{
高度:50px;
}

内容
粘脚

身高100%是什么?@Paran0a身高100%是身体height@Paran0a看看我的答案,为什么身高:100%并不意味着你认为它意味着什么。这意味着其直接母公司的100%。如果直接父级未指定任何高度,则子级不能是其父级的100%,因为它的父对象的高度由子对象的内容决定。很抱歉,最后一条评论不应该针对你@Paran0a,而是针对mpsbhatheight 100%什么?@Paran0a height 100%身体height@Paran0a看看我的答案,为什么身高:100%并不意味着你认为它意味着什么。这意味着其直接母公司的100%。如果直接父级未指定任何高度,则子级不能是其父级的100%,因为其父级的高度由子级内容确定。很抱歉,最后一条评论不应指向@Paran0a,而应指向mpsbhat@mpsbhat我想你是说小提琴坏了,而不是我描述的方法?那只是因为一个错误的链接-我现在已经修复了链接…@mps我想你的意思是小提琴坏了,而不是我描述的方法?那只是因为一个错误的链接-我现在已经修复了链接。。。