Css 基金会6——我怎么能在顶栏下插一排？

我有一个粘粘的

顶栏

，例如：

<div id="main-navigation" class="top-bar-container" data-sticky-container>
    <div class="sticky sticky-topbar" data-sticky data-options="anchor: page; marginTop: 0; stickyOn: small;">
        <div class="top-bar">
            <div class="top-bar-left">
                <ul class="dropdown menu" data-dropdown-menu>
                    <li class="menu-text">
                        <strong>My Brand</strong>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

---

注意：

主导航

正确粘贴。

接下来的css如何？右后方是主导航还是页面下方的其他位置。。。你能澄清并分享足够的代码来说明你的问题吗？是通过JS或CSS处理的粘性位置（<代码>位置：粘着；< /代码> + CONDONATE在何处和何时粘贴）@ GCYRLIX是由基础框架-IE提供的代码>粘贴< /代码> SCSS。按预期滚动时，主导航保持在顶部，但

行

保持在页面顶部（字面意思），而不是仅在主导航下方。现在基本上它们是重叠的。

<div class="filter-row row" data-sticky-container>
    <div class="sticky column expanded" data-sticky data-top-anchor="main-navigation:bottom">

    </div>
</div>