如何使用引导刊头检查内容覆盖

How to check for content overlay with bootstrap masthead

本文关键字：检查覆盖何使用更新时间：2023-09-26

我使用Bootstrap处理的页面在顶部使用刊头导航栏。我知道如果不添加填充，内容将覆盖导航栏。每个页面的内容都是通过ajax动态的。有时内容并没有填满我希望它保持垂直和水平居中的页面。如果内容结果（一个表）增长，它就会开始填充页面。

问题是，如果添加了填充，当内容没有填充页面并被向下推了那么多像素时，内容就不再垂直居中。如果删除了填充，它会随着ajax返回的内容的增加而覆盖导航栏。

检查覆盖然后添加填充的最佳方法是什么？

我找到了一个与我所寻找的不同的解决方案，但它符合我的目的。在尝试了填充和相对位置调整的各种组合后，我发现在底部添加与顶部填充相等的填充解决了我的问题，并在两个方向上平均推送了一个未填充的页面，不过，当用户滚动到底部时，现在有空的空间。