Bei der relativen Positionierung erfolgt die Ausrichtung einzelner Boxen ausgehend vom normalen Elementfluss.
With relative positioning, the alignment of individual boxes takes place based on the normal document flow.
Die Ausrichtung fixierter Boxen erfolgt wie bei der absoluten Positionierung abstrahiert vom Elementfluss.
The orientation of fixed boxes is similar to the absolute positioning of elements removed from the document flow.
Verdeutlichen lässt sich der Elementfluss von Block- und Inline-Boxen an den folgenden Grafiken
The following diagrams illustrate the document flow of block and inline boxes
Relative Positionierung der blauen Box ausgehend vom natürlichen Elementfluss
Relative positioning of the blue box outside of the natural document flow
Andere Boxen - egal ob im Elementfluss eingebunden oder ebenfalls positioniert - haben keinen Einfluss auf die Position einer derart formatierten Box.
Other boxes - whether tied to the document flow or positioned otherwise - have no influence on the positioning of boxes formatted in this way.
Der Textabschnitt erscheint gemäß dem Elementfluss in der oberen linken Ecke seines Elternelements - hier als graues Feld im Hintergrund dargestellt.
According to the document flow, the text selection appears in the upper left corner of its parent element - displayed here as the gray background field.
Gemäß dem natürlichen Elementfluss fügt sich die auf diese Weise formatierte Box ohne Abstand an die linke obere Ecke des Elternelements an.
According to the natural document flow, a box formatted in this way fits without any space from the upper left corner to the parent element.
Die CSS-Property position dient dazu, eine Box aus dem Elementfluss zu entfernen und an einer beliebigen Stelle der Website zu platzieren.
The CSS property property serves to remove a box from the document flow and place it in a specified location on the website.
Die Positionierung der einzelnen Boxen wird durch den sogenannten Elementfluss („document flow") bestimmt.
The positioning of individual boxes is defined by the document flow.
Diese löst Block-Boxen aus dem normalen Elementfluss heraus und setzt sie an eine gewünschte Stelle.
This removes block boxes from the normal document flow and instead puts them in the desired position.
Bei relativ positionierten Elementen (position: relative) wird das Element aus seiner normalen Position im Elementfluss verschoben.
For relatively positioned elements, that is those with position: relative, it specifies the distance the element is moved above its normal position.
Droht es jedoch, aus dem Anzeigebereich zu verschwinden, löst es sich aus dem Elementfluss und bleibt beim Scrollen an einer vom Webdesigner definierten Position „kleben".
But if it's close to disappearing form the display area, then it will break out of the document flow and 'stick' to the position defined by the web designed while the visitor is scrolling.
