Come fare un div vuoto Expand

May 17

contenitori DIV sono elementi della pagina web che è possibile utilizzare per lo stile, la posizione e manipolare in altro modo qualsiasi contenuto presente tra l'apertura del contenitore "<DIV>" e la chiusura "</ div>" tag. È possibile lo stile contenitori DIV se stessi con una varietà di proprietà CSS, che è per questo che in genere li usano per creare il layout di pagina per molti siti web. Se si dispone di un contenitore DIV vuoto che si desidera espandere verticalmente o orizzontalmente per riempire l'area disponibile intorno ad esso, è possibile utilizzare la proprietà CSS "height" "larghezza" e. Ciò può essere utile quando si utilizza un DIV per visualizzare un'immagine di sfondo.

istruzione

1 Aprire il documento di una pagina Web in un editor HTML o testo. Per aprire il documento nell'editor di testo di Windows nativo, fare clic destro sul file, quindi fare clic su "Apri con". Fai clic su "Blocco note" nella lista delle applicazioni, quindi fare clic su "OK".

2 Fare clic per posizionare il cursore nel punto del documento pagina Web in cui si desidera inserire il contenitore DIV.

3 Digitare "<div style =" width: 100%; height: 100%; '> </ DIV> "per creare un contenitore DIV vuoto con il CSS" larghezza "di proprietà impostata su" 100% "e la" "proprietà impostata su" altezza 100% "Questa impostazione causerà il vuoto. div contenitore per espandere per riempire lo spazio disponibile intorno ad esso. Se si inserisce il contenitore DIV entro l'apertura e chiusura tag di un altro contenitore DIV, il DIV riempirà lo spazio definito dal contenitore div esterno.

4 Sostituire il valore "100" larghezza o altezza del testo nel passaggio precedente con una percentuale diversa da provocare il contenitore DIV vuoto per espandere per riempire una porzione più piccola dello spazio circostante. Sostituire "100%" con un numero e "px" per espandere il contenitore DIV un certo numero di pixel. Ad esempio, per espandere il contenitore DIV vuoto ad una larghezza di 400 pixel e un'altezza di 200 pixel, tipo "<style DIV =" width: 400px; height: 200px; '> </ DIV> ".

5 Fare clic sul menu "File", poi cliccare su "Salva" per salvare il documento pagina web.