Question

我有一个引导小组here，我自己试图将template<class C> struct ZeroInitialized { ZeroInitialized() { memset((C*)this, 0, sizeof(C)); } }; struct A : ZeroInitialized<A> { int x, y, z, p, q, r; };类设为min-height，

panel-body

为什么它不能在给定的小提琴中工作？ .panel-body { min-height: calc(100% - 100px); }是否依赖于浏览器功能？

Answer 1

.container没有任何高度设置，因此它会与其子元素一样高，他们试图达到其高度的100％。看到困境？让.container有100％的身高（以及所有父母的身高）你会看到一些成功吗？

请看我的小提琴：Fixed Fiddle

Answer 2

检查css-tricks

你可以查看关于粘性页脚的css-trick的帖子，它以5种不同的方式设置粘性页脚

＆＃13;

.content {
  min-height: calc(100vh - 70px);
}
.footer {
  height: 50px;
}

＆＃13;

<body>
  <div class="content">
    content
  </div>
  <footer class="footer">sticky footer</footer>
</body>

＆＃13;

最小高度与calc函数不起作用

2 个答案: