Heim > Web-Frontend > HTML-Tutorial > Vervollständigen Sie das Speicherbeispiel für die Div-Position mithilfe des CSS-Layouts

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

零下一度
Freigeben: 2017-06-24 11:43:23
Original
1403 Leute haben es durchsucht

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage