материализуйте css расширенный Navbar перекрывается со следующим содержанием

Question

Согласно Materialise do c, мы могли бы создать расширенную панель навигации , но я обнаружил, что расширенная навигация может перекрываться со следующим содержимым (например, div).

См. Пример кода в Jsfiddle .

Я подумал, может быть, установка padding-top вкл body мог бы смягчить эту проблему, но я не мог понять, как получить, сколько отступов использовать для решения проблемы перекрытия. Или есть другие лучшие решения?

Answer 1

Как упомянуто в Materialize - "Fixed Nav" part:

"navbar-fixed будет компенсировать ваш другой контент, делая вашу навигацию фиксированной."

решить проблему, которую вы можете удалить div с navbar-fixed class. Затем, чтобы исправить панель навигации, вы можете использовать position: fixed в css. Также используйте position: relative и top для разделения контента, чтобы сделать расстояние от верхней части страницы.

Я обновил вашу скрипку , чтобы решить проблему.