CSS Dimension (Dimension)

face Regel

CSS-Größeigenschaften, um die Höhe und Breite von Elementen zu steuern.

CSS-Größeigenschaften-Dieses CSS bietet mehrere Eigenschaften wie width, height, max-width und max

Die Eigenschaft 'height' usw. ermöglicht es Ihnen, die Größe des Box (Kästchen) zu bestimmen. Im nächsten Abschnitt wird gezeigt, wie diese Eigenschaften verwendet werden können, um eine bessere Webseitenlayout zu erstellen.

Breite (Width) und Höhe (Height) EigenschaftenDie Eigenschaften 'width' und 'height' definieren die Breite und Höhe des Inhaltsbereichs eines Elements. Diese Breite und Höhe beinhalten keine Füllung, Ränder oder Abstände. Siehe 　 CSS-Box-Modell

um zu verstehen, wie Breite und Höhe berechnet werden.Die Eigenschaften 'width' und 'height' können Längenwerte (wie px, pt, em) annehmen, eineProzent

div　{
　　　　width:　300px;
　　　　height auf　200px;
}

oder dem Schlüsselwort 'auto'. Negative Längenwerte sind nicht erlaubt.3Diese Stilregel wird200 Pixel festen Breite und00 Pixel Höhe zugewiesen wird<div>

00px，dann ist die tatsächliche Breite des Elements-Der Wert bezieht sich auf die Breite des umschließenden Blocks.

00px，dann ist die tatsächliche Breite des Elements-Eigenschaft 'height' für die maximale Höhe

00px，dann ist die tatsächliche Breite des Elements-Die Eigenschaft 'height' ermöglicht es Ihnen, die maximale Inhaltshöhe eines Kästchens zu spezifizieren. Diese maximale Höhe beinhaltet keine Füllung, Ränder oder Abstände.200px und setze 'max'-Die height-Eigenschaft ermöglicht es Ihnen, die Mindestinhaltshöhe eines Blocks zu spezifizieren. Diese Mindesthöhe umfasst keine Füllung, Ränder oder Abstände.100px, dann ist die tatsächliche Höhe des Elements100px.

div　{
　　　　height auf　200px;
　　　　00px，dann ist die tatsächliche Breite des Elements-height auf　100px;
}

max-Die Eigenschaft 'height' wird normalerweise mit der 'min' verwendet-Die Eigenschaft 'height' wird zusammen mit der 'min' verwendet, um den Höhenbereich des Elements zu bestimmen.

min-Eigenschaft 'height' für die minimale Höhe

min-Die Eigenschaft 'height' ermöglicht es Ihnen, die minimale Inhaltshöhe eines Blocks zu spezifizieren. Diese minimale Höhe beinhaltet keine Füllung, Ränder oder Abstände.

min-Die height-Eigenschaft ermöglicht es Ihnen, die Mindestinhaltshöhe eines Blocks zu spezifizieren. Diese Mindesthöhe umfasst keine Füllung, Ränder oder Abstände.2height-Die height-Eigenschaft ermöglicht es Ihnen, die Mindestinhaltshöhe eines Blocks zu spezifizieren. Diese Mindesthöhe umfasst keine Füllung, Ränder oder Abstände.300px，und wird min300px。

div　{
　　　　height auf　200px;
　　　　min-height auf　300px;
}

Das min-00px，dann ist die tatsächliche Höhe des Elements-height:

00px，dann ist die tatsächliche Breite des Elements-Die height-Eigenschaft wird zusammen mit der Verwendung, um Informationen über den Höhenbereich des Elements zu erzeugen.

max-Die height-Eigenschaft wird normalerweise verwendet, um sicherzustellen, dass ein Element mindestens die Mindesthöhe hat, selbst wenn es keinen Inhalt hat. Wenn der Inhalt des Elements jedoch die festgelegte Mindesthöhe überschreitet, wird das Element normal wachsen gelassen.

00px，dann ist die tatsächliche Breite des Elements-width Maximale Breite Eigenschaft3Die width-Eigenschaft ermöglicht es Ihnen, die maximale Inhaltbreite eines Blocks zu spezifizieren. Diese maximale Breite umfasst keine Füllung, Ränder oder Abstände.-width auf200px，dann wird max200px。

div　{
　　　　width:　300px;
　　　　00px，dann ist die tatsächliche Breite des Elements-width:　200px;
}

max-Das max-Die width-Eigenschaft wird zusammen mit der Verwendung, um Informationen über den Breitenbereich des Elements zu erzeugen.

min-width-Wert, dann ist dieser Wert tatsächlich der angewendete Wert.

Das min-width Mindestbreite Eigenschaft

min-Die width-Eigenschaft ermöglicht es Ihnen, die Mindestinhaltsbreite eines Blocks zu spezifizieren. Diese Mindestbreite umfasst keine Füllung, Ränder oder Abstände.300px，dann wird min-width auf400px，dann ist die tatsächliche Breite des Elements400px。

div　{
　　　　width:　300px;
　　　　min-width:　400px;
}

Das min-Die width-Eigenschaft wird normalerweise mit dem max-Die width-Eigenschaft wird zusammen mit der Verwendung, um Informationen über den Breitenbereich des Elements zu erzeugen.