当顶部div改变高度时,底部div不移动

时间:2017-07-31 20:23:48

标签: html css

我将标签插入Wordpress主题,它们由不同高度的div组成。从一个选项卡导航到另一个选项卡时,下面的一些div会跟随选项卡的高度(向上或向下移动)。 页脚不动,我不明白。 这是我的网站: http://www.liveaerosmith.com/1973-03-20/ 您可以尝试导航INFO,SETLIST和FILES选项卡。为什么页脚会保持不变?

2 个答案:

答案 0 :(得分:0)

col-md-8上有一个固定的高度。

.col-md-8{
    height: 944px;
}

您的页脚直接位于此元素的底部,但通过设置固定高度,它不允许col-md-8根据其中的内容重新缩放。

答案 1 :(得分:0)

页面上的两列设置了固定的高度。如果删除此像素高度,则在更改选项卡时将调整页脚。

尝试将此添加到您的css:

.col-md-8, .col-md-4{
    height: unset !important;
}