Question

我在获取bootstrap词缀布局的公式时遇到了麻烦。 Please check image for layout

所有绿色区域的高度必须是动态的。词缀只能在白色区域移动。

对于顶部偏移，我使用A高度部分。我应该使用什么公式进行底部偏移？

CSS端正常（我猜）。

Answer 1

尝试calc()公式，类似这样。

height: calc(100% - HCpx);

HC的高度为C像素。对于Mozilla，Webkit或Opera浏览器，您需要添加多余的高度：

.your_css {
    height: calc(100% - HCpx);
    /* mozilla */
    height:  -moz-calc(100% - HCpx);
    /* webkit */
    height: -webkit-calc(100% - HCpx);
    /* opera */
    height: -o-calc(100% - HCpx);
}

Answer 2

   $().affix({
    offset: {
    top: 0,
    bottom: function() {
      return(this.bottom = $('.footer').outerHeight(true))
    }
    });

尝试这个页脚高度。我回答了我的理解。如果没有，请明确表示..谢谢

Bootstrap词缀偏移底部公式

2 个答案: