Ich habe mir http://materializecss.com/side-nav.html angeschaut und kann sehen, wie man die Höhe und Position des Seitennavs steuert. Es besetzt den Bildschirm von oben, aber was, wenn ich möchte, dass es unterhalb der Navigationsleiste angezeigt wird?Wie stelle ich die Höhe und Position des Materialize Side-Nav ein?
0
A
Antwort
1
Sie müssten den Header 100% und entfernen Sie die Padding-Links von 300px. Sie müssten dann einen Rand von 122 px oder was auch immer die Höhe Ihrer Navigationsleiste ist hinzufügen.
Der Code würde in etwa wie folgt aussehen:
header, main, footer {
width: 100%;
padding-left: 0;
}
ul.side-nav.fixed {
overflow: hidden;
margin-top: 122px;
}
und geben Sie ein Ergebnis wie: http://imgur.com/a/MycFx
Verwandte Themen
- 1. CSS - Materialize SideNav schließt nicht
- 2. Materialize $ (...). SideNav ist keine Funktion mit Webpack
- 3. Wie stelle ich die richtige Höhe für einen UIDatePicker ein?
- 4. Wie stelle ich die Position der Sidebar in Konfluenz ein?
- 5. Materialize css - Position des Toast-Dialogs ändern
- 6. Wie stelle ich die maximale Höhe eines RecyclerView ein?
- 7. Canvas fabric.js: Wie stelle ich die Höhe korrekt ein?
- 8. Wie stelle ich die Show-Position von Datepicker ein?
- 9. Qt: Wie stelle ich die Startposition des Hauptfensters ein?
- 10. Wie stelle ich die RadEditor-Höhe proportional zur RadWindow-Höhe ein, wenn Sie Telerik-Steuerungen verwenden?
- 11. Wie stelle ich die Höhe des Artikels in RecyclerView auf alle Elemente ein?
- 12. Wie fixiere ich die Snackbar Höhe und Position?
- 13. Wie stelle ich die Position eines Textes innerhalb eines Bootstrap-Panels mit übergehender Maximalhöhe ein?
- 14. Die Position des Textes beeinflusst die Höhe des Bootstrap Labels, wie kann ich das beheben?
- 15. Wie stelle ich die Flusskontrolle des seriellen Ports ein?
- 16. Wie stelle ich die Anforderung von webpack ein?
- 17. Wie kann ich die Höhe und Scroll-Position des Fensters in jQuery bestimmen?
- 18. Wie stelle ich die Zeit ein?
- 19. Wie stelle ich 2 nebeneinanderliegende Bilder automatisch auf die Breite und Höhe meines mobilen Bildschirms ein?
- 20. Wie stelle ich die Browserbreite und -höhe in Selenium WebDriver ein?
- 21. Wie stelle ich die Breite und Höhe eines Textbereiches mit CSS ein?
- 22. Wie stelle ich die cpp_cppckeck-Optionen ein?
- 23. Swing: Wie stelle ich eine Komponentenhöhe auf die Containerhöhe ein?
- 24. Wie kann ich ein Div die Höhe des Bildschirms anpassen?
- 25. Wie stelle ich die Intervallzeit ein?
- 26. Materialisecss SideNav friert ein
- 27. Wie kann ich ein Hintergrundbild horizontal zuschneiden und die Höhe des Browsers bei der Größenanpassung beibehalten?
- 28. Wie stelle ich die Tabview richtig ein?
- 29. Wie stelle ich die Fancybox-Größe pro Link ein?
- 30. md-sidenav volle Höhe + fehlende Animation