Falsche Positionierung der Divs

Wie kann ich diese unglückliche Positionierung von divs lösen? Wie Sie von der Codepen here sehen können, werden das #about div und das #link div überlagert. Dies wird eine scrollbare Seite auf der ganzen Seite sein und um jedes div auf eine volle Höhe zu setzen, schrieb ich die folgenden Codezeilen, die ich denke, verursacht das Problem. Vielen Dank im Voraus! :)Falsche Positionierung der Divs

#main, #about, #link, #third { 
    height: 100vh; 
    padding-top: 40px; 
}

EDIT: Das Problem auf kleinen Geräten erscheinen (auch wenn Sie die Größe des Fensters reduzieren). Das Div mit der ID #about wird unter dem div mit ID #link platziert, so dass der Text unleserlich wird.

Quelle

2016-04-20 paolopolix

Ich verstehe nicht, was Ihr Problem ist. Was meinst du mit "unglücklicher" Positionierung? –

Abgesehen von dem Dropdown-Menü auf kleinen Bildschirmen, die keinen Hintergrund haben, kann ich hier kein Problem sehen. Könnten Sie bitte über das ** genaue ** Setup bei Auftreten dieses Problems klären? – RhysO

Entschuldigung, ich war nicht korrekt; Das Problem tritt auf kleinen Geräten auf (auch wenn Sie die Größe des Fensters reduzieren). Das div mit der ID ** # about ** wird unter dem div mit der ID ** # link ** platziert mit dem Ergebnis, dass der Text unleserlich wird. Ich hoffe, dass jetzt das Problem klar ist .. Danke nochmal! – paolopolix

Probieren Sie min-height: 100vh anstelle von height: 100vh aus, damit die divs bei Bedarf erweitert werden können.

Quelle

2016-04-20 09:27:31 saison

wie immer funktionale Lösungen sind immer die trivialsten .. Danke @saison, es funktioniert jetzt! :) – paolopolix

Falsche Positionierung der Divs

Antwort

Verwandte Themen