Vervollständigen Sie das Speicherbeispiel für die Div-Position mithilfe des CSS-Layouts

CSS+DIV

Kapseln Sie Daten in Divs. Die Speicherung dieser Div-Positionen erfolgt durch CSS-Layout (durch CSS-Attributlayout).

Rand:{

--left

--right

--top

--bottom

　};

#div_1{

　 border-top:1px solid #ccc;

　border-bottom:1px dashed #ccc;

　 border - right:1px dotted #ccc;

　border-left:1px double #ccc;

};

durchgezogen: durchgezogene Linie

gestrichelt: gepunktete Linie

gepunktet: gepunktete Linie

doppelt: doppelte Linie

Padding/Padding

Attribut: padding{

　 --top

--bottom

--right

--left

};

Auffüllung: 20px 20px 20px 20px;

Margin

margin attribute {

　　　 --top

　　 --bottom

-- right

--left

};

margin:20px 20px 20px 20px

In div, wenn margin 0,px ist, warum gibt es dann immer noch ein Leerzeichen? Das Leerzeichen ist der Abstand zwischen dem Körper selbst und dem Browserrand.

Sie müssen also body{margin:0px} festlegen;

Browser analysieren den Körper auf unterschiedliche Weise, was zu unterschiedlichen Breiten und Breiten führt.

Das obige ist der detaillierte Inhalt vonVervollständigen Sie das Speicherbeispiel für die Div-Position mithilfe des CSS-Layouts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!