Heim > Web-Frontend > CSS-Tutorial > Eine kurze Einführung in die beiden Modelle im CSS-Box-Modell

Eine kurze Einführung in die beiden Modelle im CSS-Box-Modell

不言
Freigeben: 2018-08-13 17:04:58
Original
2570 Leute haben es durchsucht

Dieser Artikel bietet Ihnen eine kurze Einführung in die beiden Modelle des CSS-Box-Modells. Ich hoffe, dass er für Freunde in Not hilfreich ist.

Grundkonzepte

Es gibt zwei Standards für das Box-Modell, einer ist das Standardmodell und der andere ist das IE-Modell.

Im Standardmodell entsprechen Breite und Höhe des Boxmodells nur der Breite und Höhe des Inhalts (Inhalt)

In Beim IE-Modell sind die Breite und Höhe des Box-Modells die Gesamtbreite und -höhe des Inhalts + Polsterung + Rand

So legen Sie zwei Modelle in CSS fest

     /* 标准模型 */
     box-sizing:content-box;

     /*IE模型*/
     box-sizing:border-box;
Nach dem Login kopieren

Verwandte Empfehlungen:

Einführung in die vier Attribute der Positionierung in CSS

Was sind die Attribute des CSS-Flex-Layouts (elastisches Layout)? Einführung in CSS-Flex-Layoutattribute

Das obige ist der detaillierte Inhalt vonEine kurze Einführung in die beiden Modelle im CSS-Box-Modell. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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