2016-05-08 8 views
3

I unter Verwendung dieser Art, die zum Zentrum div versucht: div Höhe: 35.3em margin-top: calc (50% - (35.3em/2))Bug mit Ausrichten div zentriert horizontal

The Fehler passieren, wenn ich mit der Breite des Browser spielen, The div irgendwie seiner horizontalen Position der URL meiner Website

ändern: http://cherry-rocks.herokuapp.com

+1

Wenn Sie flexbox verwenden möchten, können Sie das übergeordnete div mit "display: flex" und die untergeordneten Elemente mit "margin: auto" für eine perfekte Zentrierung einstellen. – tedcurrent

+0

Danke! hat für mich gearbeitet –

+0

Super! :) Ich habe das auch als echte Antwort gepostet, damit du es markieren kannst. – tedcurrent

Antwort

2

Sehen als Sie die relative Positionierung verwenden, können Sie auch oben anstelle von margen nach oben, um das Element explizit in der Mitte zu positionieren. Verwenden Sie top: calc(50% - (35.3em/2)) anstelle von margin-top oder display: flex auf dem Eltern und margin: auto auf dem Kind, wenn Sie bereit sind, flexbox zu verwenden.