CSS Bild bewegt sich auf die Größe

Bild bewegt sich in die position nach browser-Fensters angepasst wird. Nicht sicher, warum. Kann mir jemand erklären, warum?

#me img {
height: 200px;
width: 200px;
border-radius: 50%;
left: 850px;
position: absolute;
}
  • Es scheint, dass eine Verschiebung über den % - Wert funktioniert der trick. Kann mir jemand erklären, warum dies der Fall ist?
InformationsquelleAutor Zack | 2013-11-12
  1. 3

    Es ist, weil die img ist absolut positioniert 850px auf der linken Seite. Also, wenn die Größe des Fensters, es wird immer in der gleichen position, es ist ein Satz px Wert. Einstellung einer % basiert Wert verschiebt die img wie es ist, einem Prozentsatz, basierend auf den Eltern - in diesem Fall der Körper, und das Fenster wird verkleinert.

    Sehen, was passiert, wenn Sie entfernen Sie die Positionierung: http://jsfiddle.net/JoshC/6jH9x/

    Wenn muss es absolut positioniert werden, sollten Sie überlegen position:relative an die Eltern, um das Kind absolut positioniert relativ zum übergeordneten.

    InformationsquelleAutor Josh Crozier
Schreibe einen Kommentar