Javascript CSS删除标题和jQuery滑块之间的空白

我正在设计一个网站，我希望标题的高度为100px，下面有一个jQuery滑块。我决定使用Jssor滑块，因为我喜欢它的执行方式。当我运行我的站点时，随着我增加浏览器窗口的宽度，滑块容器会增加标题下方的空白量

我真的不知道为什么会发生这种情况，我尝试过在滑块容器本身中加入空白：nowrap&显示：内联块，来处理CSS，但仍然不起作用

HTML:

---

任何帮助都将不胜感激！谢谢。更新

我刚刚意识到您使用了

display:inline块，这是导致您的边距的原因，您可以将其删除，将其更改为
显示：表格或给出-4px的负余量，以消除其间的空白。你可能需要根据自己的需要调整负边际，但它会起作用

您可以找到有关
的更多信息。看起来您的滑块已完全定位。为什么不将
top
属性减少为
top:100px？你可以根据自己的喜好增减它。
我试过了，但它仍然会增加两个div之间的空白。我建议不要使用负边距。它可能会干扰你网站的不同功能（尤其是缩放功能和移动设备）。@bryceSiedschlaw我同意，更改显示属性会对他有好处。另外，关于您的答案，即使滑块是绝对位置，滑块的容器也是相对定位的。@Alin，我不确定他是否遇到了收割台和容器div之间的问题，或者收割台和内部div之间的问题。我假设是内部div和收割台之间的问题，因为收割台是固定定位的，并且总是用给定的值覆盖容器html@bryceSiedschlaw好，您涵盖了该区域^^我没有想到该部分，并且认为内联块将是问题所在：-？？想一想，关于这一点，这个问题并不是很具体。对不起，但是……如果你能把它复制到一个JSF的网站上，至少会有很大帮助……中间有太多的变量，无法给出一个好的答案……@Allin好的，给我几分钟。我会建立一个到该网站的链接。@Allin我实际上发现了问题所在。在做了一些测试之后，我发现对于一个内部div中的实际slides容器，我有“top:150px；”。将其更改为“top:0px；”后，标题和滑块之间不再有任何空间。抱歉，我直到今天早上才在电脑前，这意味着Bryce Siedschlaw得到了一个很好的答案：）无论如何，很高兴一切顺利，祝你有愉快的一天。
<header>
<!-- Header elements inside here -->
</header>

<!--Begin Jssor Slider -->

<div id="slider1_container" style="position: relative; margin: 0 auto;
    top: 0px; left: 0px; width: 1300px; height: 600px; overflow: hidden;white-space:nowrap;display:inline-block;">


    <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 150px; width: 1300px;
        height: 600px; overflow: hidden;">
<!--Additional Slider divs for containing pictures, arrows, etc. -->
    </div>
</div>

header {
    background: #FFF;
    height:100px;
    position:fixed;
    z-index:100;
    width:100%;
}