Come fare un DIV Expand

September 29

Un DIV è un contenitore utilizzato per posizionare e manipolare gli elementi della pagina Web. contenitori DIV sono tipicamente utilizzati per creare il layout di un sito dividendo pagine in aree separate. È possibile manipolare il comportamento e lo stile di un contenitore DIV con l'aggiunta di CSS per il tag di apertura DIV. Per esempio, si può fare un div contenitore espandere in base al contenuto che contiene impostando le proprietà di larghezza e altezza per l'impostazione "auto", oppure impostando un'altezza minima o larghezza usando i CSS.

istruzione

1 Aprire un file pagina Web facendo clic destro su di esso e poi facendo clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad". Fai clic su "OK".

2 Fare clic per posizionare il cursore tra il "<body>" e "</ body>" tag.

3 Digitare "<div style = 'width: auto; height: auto;'> </ DIV>" su una riga vuota, e quindi premere "Invio". Questa riga di codice crea <DIV> contenitore con i "width" e le proprietà "height" impostata su "Auto". La proprietà "auto" significa che il DIV si espanderà quando qualsiasi contenuto viene inserito all'interno del contenitore DIV. Impostazione delle proprietà di larghezza e altezza direttamente nel tag DIV sovrascrive le impostazioni effettuate altrove sul tuo sito, anche in fogli di stile esterni (CSS).

4 Digitare "<DIV style = 'min-width: 300px; min-height: 100px;'> </ DIV>" e premere "Invio" per creare un contenitore DIV con un'impostazione larghezza minima di 300 pixel e un ambiente minima altezza 100 pixel. L'impostazione di una "min-width" e il valore "min-height" permette il contenitore DIV di espandersi con il contenuto posto all'interno di esso, ma mantiene una dimensione minima quando nessun contenuto è lì per espandere il contenitore. Sostituire i valori dei pixel "300" e "100" con i propri valori di larghezza e altezza a seconda delle necessità.

5 Fare clic sul menu "File", seguito da "Salva" per salvare la pagina Web.