CSS offset-Eigenschaften und die statische position

Sind offset-Eigenschaften (Links, oben, unten, rechts) nur für nicht-statische Positionen?

Können Sie angewendet werden, um eine statisch positionierte element? Wenn ja, was sind die Unterschiede
Anwendung auf nicht-statisch positionierten Elementen?

Diese offset-Eigenschaften gelten nur für positionierte Elemente (Elemente, die die position-Eigenschaft auf absolute, fixed oder relative).

InformationsquelleAutor DrStrangeLove | 2011-04-09

  1. 10

    zu offset ein element der Lage zu sein position:relative

    den Koordinaten, die top, right, bottom und left dienen unterschiedlichen Zwecken, je nachdem, ob das element wird relativ oder absolut positioniert.

    , Wenn ein element offset im Gegensatz zu verschoben?

    wenn Sie tatsächlich ausgeglichen mit position: relative; das element nicht entfernt aus dem Fluss, und in der Tat der Raum, den das element genommen hätte, wenn er geblieben statisch (Standard) ist immer noch für Sie reserviert, deshalb haben Sie nur den Abstand der ursprünglichen position. Jedes folgende element wird angezeigt, wo hätte es auch getan, wenn Sie hatte nicht ausgeglichen Vorgänger - wie dies Beispiel

    Bewegen, nicht Aufrechnung

    Wenn Sie jedoch wirklich wollen, um ein element, dann muss er entfernt aus dem Fluss, so gibt es keinen Raum für Sie reserviert, und das ist dann, wenn Sie position:absolute; oder fest.. das ist der Unterschied

    Zusammenfassung

    • static ist der Standard und verwenden Sie einfach die Margen zu bewegen, wird es ignorieren-Koordinaten und z-index

    • relative reserviert ist Raum koordiniert, ausgeglichen wird es vom ursprünglichen Platz

    • absolute wird, entfernen Sie das element aus dem Fluss und die Koordinaten werden entsprechend berechnet, es ist mit block, welche ist die nächste relativ positionierten Vorfahren (oder die body - element, wenn keine relativ positionierten Vorfahren vorhanden)

    • fixed nicht mit einem block, D. H. Sie können nicht angeben, welches element es positioniert werden soll in Bezug auf, es wird nur fix, selbst in Bezug auf die viewport -

    und schließlich ein element wird nicht akzeptieren, eine z-index wenn es die position ist der Standardwert die statische, also position: relative; ohne co-Ordinaten aufgetragen ist ähnliche zu static, aber es ist nützlich für z-Indizierung und einer umschließenden Blocks für absolut positionierte Elemente

    Ich verstehe absolut jetzt. Im gonna lassen Sie diese Senke in, bevor Sie versuchen, den rest zu verstehen. Vielen Dank

    InformationsquelleAutor clairesuzy

  2. 1

    Macht es wenig Sinn Sie zu position: static Elemente, da Sie statisch sind.

    Zu shift ein statisches element über einen bestimmten Betrag, können Sie es ändern, ist position Eigenschaft position: relative;.

    Nun, Sie können verschieben Sie Sie, um mit top, left usw.

    Gibt es ein paar mehr Arten von position nämlich position: fixed und position: absolute.

    fixed bewirkt, dass das element fest am Bildschirm und es ist unabhängig von scrollen, also es ist so, als wenn es stecken auf dem computer-monitor. Die Einstellung seiner top usw. legt die position.

    absolute ist das element relativ positioniert, um das Dokument und alle ignorieren layout-Regeln. Einstellung der position setzt, wo es positioniert ist auf das Dokument.

    Sie meinte wahrscheinlich position:static; position:relative; display nicht haben diese Werte... Aber was passiert, wenn ich diesen offset-Eigenschaft auf statisch positionierte element?? gar nichts??
    Ja, nichts.
    Sie können es ändern, um position: relative und dann die offsets verschieben Sie es um. Was versuchen Sie zu tun?

    InformationsquelleAutor Blender

  3. 0

    Sie kann angewendet werden, um absolute und fixe Positionierung von Elementen, die im wesentlichen die gleichen, aber die festen verwendet immer das Dokument-Fenster, wie die Anker. Sie können Sie auch anwenden, um relativ positionierte Elemente, in dem Fall sind Sie ein offset aus, was ist am besten beschrieben, wie die Standard-inline-Positionierung.

    InformationsquelleAutor Jarrett Widman

Schreibe einen Kommentar