Come fare un DIV Grow con Content

September 13

Un DIV è un elemento contenitore utilizzato nella progettazione di pagine Web per definire un'area della pagina. DIV sono tipicamente utilizzati per organizzare e stile di testo, immagini e altri elementi Web. Se non si imposta una altezza e larghezza per il vostro DIV, si espanderà con il suo contenuto presente per riempire lo spazio disponibile della pagina. Se il DIV è stato designato in base ad un elemento genitore e non si espande con il contenuto, è possibile lo stile manualmente il DIV a crescere verticalmente o orizzontalmente.

istruzione

1 Aprire il documento di una pagina Web in un editor di testo. Pulsante destro del mouse su di esso, e quindi fare clic su "Apri con". Fare clic per scegliere "Blocco note" o "WordPad," e quindi fare clic su "OK".

2 Individuare il DIV si desidera per lo stile. Un DIV è definita da una apertura "<DIV>" e una chiusura "</ DIV>" tag.

3 Fare clic per posizionare il cursore dopo il testo "DIV" nel tag di apertura DIV. Premere la barra spaziatrice per creare un unico spazio.

4 Tipo "style = 'width: auto; height: auto; float: left;'" per impostare le proprietà width e height su "auto", il che significa che il DIV si espanderà in base al contenuto collocato al suo interno (tra l'apertura e la chiusura tag DIV). La proprietà "float" è impostato su "sinistra" per fornire un punto di riferimento per l'espansione. Il DIV apertura dovrebbe apparire così:

<Div style = 'width: auto; height: auto; float: left; '>

5 Fai clic su "File" e "Salva" per salvare il documento pagina Web.