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

我将制表符插入到Wordpress主题中，它们由不同高度的div制成。当从一个标签导航到另一个标签时，下面的几个div会跟随标签的高度（向上或向下移动）。页脚不动，我不明白。以下是我的网站： http://www.liveaerosmith.com/1973-03-20/ 您可以通过浏览标签INFO，SETLIST和FILES来尝试。为什么页脚停留？顶部div改变高度时底部div不移动

来源

2017-07-31 Mr. Fontastic

看来，每个内'两列.row'被设置为在页面加载固定像素的高度，所以页脚将保持低于这个距离除非这些值被更新或删除。 – showdev

我建议你找出哪个脚本正在设置高度，以及它为什么被设置。这可能是有原因的，如果你试图盲目地覆盖或删除它，你可能陷入一团糟的黑客攻击。 – showdev

我已经做到了这一点，并删除脚本，并会按照你的关于边界线的消化。 –

在页面的两列上设置了固定的高度。如果删除此像素高度，页脚将在您更改标签时进行调整。

尝试添加这对你的CSS：

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

来源

2017-07-31 20:32:07

为什么不直接删除设置高度的代码呢？ – showdev

@showdev，因为我不知道高度是如何设置的。最好的解决方案，我可以提供有限的信息。 –

您的固定高度为col-md-8。

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

您页脚是直接对抗该元素的底部，但通过设置一个固定的高度，它不允许根据内部的内容col-md-8重新调整。

来源

2017-07-31 20:30:29

col-md-8没有固定的高度，当页面加载时它的高度会以某种方式产生，这样灰色的线条就会完美对齐。如果您使用不同大小的浏览器（例如不是全屏）加载页面，则会看到col-md-8高度不同。我需要改变这种行为。 –

在这种情况下，重新计算高度似乎更合适。如果为了保持灰线对齐而设置高度，不会覆盖高度来击败该目的？ – showdev

@showdev他总是可以做到上述并设置'height：unset'，然后将边框切换到此容器的右侧。这样它的边界总是和容器一样高。 –

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

回答

相关问题