如何删除滑块和导航之间的空白？答案

【问题标题】：How to remove white space between slider and navigation?如何删除滑块和导航之间的空白？
【发布时间】：2016-01-11 20:22:13
【问题描述】：

如何删除滑块和导航之间的空白？找不到用于删除空格的 css 标签。谢谢

这是滑块的 CSS：

 #slider-banner {
 overflow: hidden;
 background: #111;

导航

 .main-navigation {
clear: both;
display: block;
font-weight: 300;
font-family: 'Lato', sans-serif;
position: relative;
border-bottom: 3px solid #04A3ED;
background: #00ABFF;

这是site

【问题讨论】：

可以是边距或内边距属性。你能提供一些css/code吗？
你也有相关的html吗？但我认为这可能与你的position 是relative有关？
你能写下你说的是哪个“空白”吗？预期的结果是什么？现在我只能猜测：尝试为div.slides 添加height: 400px。
滑块和导航之间没有空格。
您需要修复滑块中的图像。是你的图片的高度让它看起来很破

标签： css layout

【解决方案1】：

有同样的问题。我使用 jQuery 中的 .pull-left 和 .pull-right 来拆分我的导航栏。看起来他们两个在 CSS 中默认都有margin-bottom: 10px;。因此，在您自己的 css 中将其更改为 0px，这样它将覆盖 jQuery。

【讨论】：