Was ist der Standardwert des Attributs "Position" eines DIV?


70

Ich habe mich nur gefragt, was das Standardattribut "Position" eines DIV sein könnte. Genau wie ein DIV die Anzeigeeigenschaft BLOCK hat, was ist die Standardeigenschaft für das Positionsattribut?

Antworten:


139
position: static;

Die Standardposition ist statisch für jedes HTML-Element, wenn nicht explizit angegeben.


9
Überprüfen Sie mit Chrome : Click On the Element --> Computed --> Filter --> Show All. Hoffnung hilft jemandem.
Shaiju T

ICYMBI: eine schnelle Google-Suche yeilds - "Statische Positionierung ist das Standard-Positionierungsmodell für Elemente. Sie werden auf der Seite angezeigt, auf der sie gerendert wurden as part of normal HTML flow"
Coty Embry

@CotyEmbry Möchten Sie erklären, was "ICYMBI" für nicht-englische Muttersprachler bedeutet? Ich habe eine Google-Suche durchgeführt, aber nichts gefunden.
Peng bei ZenUML.com

@ XiaoPeng ist ein Akronym für Falls Sie interessiert sein könnten
Coty Embry

12

staticist immer der Anfangswert für die CSS-Eigenschaft, positionegal welches Tag.

Verweise:


6
Es gibt einen Unterschied zwischen dem "Standard" -Wert für ein Element und dem "Anfangswert" einer Eigenschaft. In diesem Fall gibt es keinen Browser-Standard für divElemente, sodass diese nur den Anfangswert annehmen static.
BoltClock

3

Es ist statisch. Der Beweis seiner statischen Positionierung.

Der HTML:

<div class="position">&nbsp;<div>
    <div style="height:100px;">&nbsp;</div>
<div class="noposition">&nbsp;<div>

Das CSS:

div.position
{
width:100px;
height:100px;
background:red;
left:10px;
top:100px;
position:static;

}

div.noposition{
width:100px;
height:100px;
background:blue;
left:10px;
top:100px;
}

Es zeigt, dass zwei Divs mit getrennten Klassen, eine ohne Positionierung und eine mit statischer Position, beide Divs als statisch positionieren.


2

Sofern es nicht von einigen seiner Eltern geerbt wurde, ist die Standardeinstellung statisch


10
Es wird nicht von übergeordneten Elementen erben, es sei denn, es ist explizit aufposition: inherit
Quentin
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.