带有“工具栏-底部”类的工具栏为页面内容创建了不正确的填充。

Question

使用Framework7，我创建了一个工具栏。它对iOS主题非常有用。然而，当我测试它的材料主题，它是在顶部。我找到了一些Framework7文档，这些文档指向了“工具栏底部”类。但是，页面内容的作用就好像工具栏仍然在顶部，填充顶属性不正确。我不想在Framework7 css上重写硬代码。

这是我的结构：

<div class="page navbar-fixed toolbar-fixed">
  <div class="navbar">...</div>
  <div class="page-content">...</div>
  <div class="toolbar toolbar-bottom">...</div>
</div>

Answer 1

TL；博士读了医生你这个笨蛋

见此文档页。为了使CSS正确工作，工具栏必须位于页面内容之前.您的格式应该如下所示：

<div class="page navbar-fixed toolbar-fixed">
  <div class="navbar">...</div>
  <div class="toolbar toolbar-bottom">...</div>
  <div class="page-content">...</div>
</div>