Probleme mit Elementen auf der Website ausrichten, DIVS in der linken oberen Ecke stecken, Knöpfe

Question

falsch ausgerichtet ich recherchiert, wie man richtig Elemente in der Mitte der Seite in einer Reihe aufstellen zu und bekam eine Vielzahl von Antworten, zu tun,

div { 
position: absolute; 
margin-left: auto; 
margin-right: auto; 
} 

oder

aber keiner von beiden funktionierte konsequent, oder wenn sie es taten, würden sie manchmal andere divs (mit position: absolute;) in andere Orte schieben, oder nicht in anderen Browsern arbeiten. Ich frage mich ein für allemal, wie bekomme ich meinen Code, um divs wo ich will?

Für ein praktisches Beispiel, meine Website ist dannyliang.com, und meine Schaltfläche "Weitere Optionen" steckt in der oberen linken Ecke, trotz "margin-left: auto; margin-right: auto;"

Danke!

Answer 1

Um Elemente auf der Seite horizontal zu zentrieren, müssen Sie position: absolute; nicht verwenden. Stellen Sie nur sicher, dass sie block Elemente sind. Ein div ist bereits ein block Element standardmäßig, so dass Sie es wie folgt tun:

div { 
    margin: 0 auto; 
}