我可以将位置：粘性和浮动：左对齐吗？

Question

我有一些遗留代码，其中float：left用于每个元素。所以问题是我可以将位置粘性和float：left一起使用吗？

<div class="wrapper">
  <header>
    <nav></nav>
    <search-filter class="search-sticky"><search-filter>
  </header>
  <main></main>
  <footer></footer>
</div>

.wrapper, main, footer, header{
  float:left;
  width: 100%;
}
.search-sticky{
  position: sticky;
  top: 117px; // height of header
}

我仍要使用float：left将元素粘贴到页面顶部。

Answer 1

我不确定我是否正确理解了您的问题，但是如果是这样，您还必须将导航栏也添加到浮动内容中。

.wrapper, main, footer, nav{
  float:left;
}

如果这不是理想的解决方案，请提供有关该问题以及您的目标的详细说明。