Wie die Größe des DIVs entsprechend den Inhalt

Ein DIV ist ein HTML-Tag, der als Container für andere Objekte verwendet wird. Sie können die Größe des DIV innerhalb der CSS-Code angeben, wodurch es größer oder kleiner als der Inhalt, oder macht es die gleiche Größe. Ein DIV-Größe wird in Pixel durch Prozentsatz oder Em definiert. Die erste Option gibt dem DIV eine feste Größe, die unabhängig von dessen Inhalt gleich bleibt. Die zweite gibt es eine relative Größe, basierend auf den übergeordneten Container, und die dritte gibt es eine relative Position auf der Grundlage des Schriftgrads. Die Auto-Eigenschaft ist die Standardeinstellung. Es legt die Abmessungen eines div-Tags automatisch auf einer Webseite.

Anweisungen

1 Öffnen Sie die HTML-Datei, die Sie in einem Texteditor wie Notepad, TextPad oder EditPad ändern möchten.

2 Blättern Sie zu dem HEAD-Tag, und fügen Sie den folgenden Code. Es erstellt eine Formatvorlage, die Ihre DIV, um die Größe des jeweiligen Inhalts ändert:

< Typ style = "Text/Css" >

<!--

Div .resize

{

Höhe: auto;

}

-->

< / style >

< / head >

3 Finden Sie das DIV-Tag innerhalb des BODY-Tags automatisch seine Größe ändern möchten. Einfügen ' Klasse = "Zoom" "in das DIV-Tag formatieren Sie es wie folgt:

< Div Class = "Zoom" > Inhalt < / Div >