如何删除jumbotron和w3导航栏之间的空间

Question

我在我的测试网站上使用了Bootstrap和W3.CSS的组合。

如您所见，导航栏和jumbotron div元素之间有一个空白区域，如何删除此空间？我的任何元素都没有填充。

Answer 1

如果不能查看实际使用的代码，就很难（几乎不可能）回答这个问题。

以下是我最好的猜测：

1. 如果您确定无法使用填充，可能的罪魁祸首是margin-bottom或margin-top属性。
2. 检查所使用的图像是否小于它所在的div。这可能会在它与导航栏之间创建空白
3. 可能不太可能：图像/ div或导航栏位于relative还是absolute？如果是这样，请调整top或bottom值以垂直移动它们以缩小差距
4. 两个元素之间是否有空div？使用 spacer div 添加空格
是一种常见做法

将来在codepen或jsfiddle上提供代码，以便对其进行检查以提供更具建设性的答案。