我的词缀+容器填充值出现问题，导致我点击它们时，其下方的某些元素会移动。
我的css代码：
.affix {
top: 0;
width: 100%;
z-index:99;
}
.affix + #container-fluid-main {
padding-top: 70px;
}
我的导航栏下有一个幻灯片，我的导航栏固定在顶部（移动屏幕）。现在当我点击幻灯片改变图像时，整个幻灯片向下移动，导航栏和幻灯片之间有一个空格。
我追溯到我的问题是幻灯片显示没有margin-top所以affix + #container-fluid-main的填充顶部值导致幻灯片显示移位。如何在不向幻灯片添加上边距并保持导航栏平滑过渡的情况下克服此问题？感谢
之前的形象 Before
点击导航栏正下方的图片后 after
