具体化具有以下内容的CSS扩展导航栏重叠部分

Question

根据Materialize doc，我们可以创建一个扩展导航栏，但是我发现扩展导航可以与以下内容重叠（例如div）。

请参阅Jsfiddle中的代码示例。

我以为在padding-top上设置body可以缓解此问题，但我不知道如何获得多少填充空间来解决重叠问题。还是还有其他更好的解决方案？

Answer 1

如Materialize - "Fixed Nav"部分所述：

“ navbar-fixed将在固定资产净值时抵消您的其他内容。”

因此，为解决此问题，您可以使用div类删除navbar-fixed。然后，要修复导航栏，可以在CSS中使用position: fixed。也可以使用position: relative和top进行内容划分，以与页面顶部保持一定距离。

我已更新您的fiddle以解决此问题。