/ / Inhalt versteckt sich hinter dem Menü auf der linken Seite - Menü, CSS-Position, Container

Inhalt, der sich hinter dem linken Menü versteckt - Menü, CSS-Position, Container

Der Inhalt meiner Webseite steht hinter demSeitenmenü, das ich links positioniert habe. Ich möchte, dass das Menü repariert wird, aber wann immer ich dies tue, versteckt sich der Inhalt hinter dem Menü links. Jede Hilfe wäre sehr dankbar. (Entschuldigung für die Formatierung, neu auf der Website.)

.Speisekarte {

padding-top: 150px;




height: 100%;




width: 170px;




background-color: white;




float: left;




display: table;





position: fixed;

}

Antworten:

1 für die Antwort № 1

Feste Elemente befinden sich nicht mehr im Seitenfluss, sondern verhalten sich wie ein absolut positioniertes Element. Chris Coyier hat eine wirklich gute Erklärung für die Unterschiede in der Positionierung http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

Damit Ihr Körperinhalt nicht mehr fließtHinter der festen Eigenschaft müssen Sie einen Container erstellen (falls noch keiner vorhanden ist), in dem sich der gesamte Textinhalt befindet, mit Ausnahme der Navigations- / Menüleiste. Anschließend wenden Sie eine Auffüllung links auf den Hauptkörperinhalt an, die der Breite des festen Elements entspricht, sodass der Hauptkörperinhalt gleich ist immer links vom Browser weggepolstert.

Feste Elemente nicht Beeinflussen Sie den Fluss und die Positionierung von Elementen und die Position: Relativ zu einem übergeordneten Container hat keinen Einfluss auf ein festes Element.