Come fare DIV CSS Espandi larghezza a piena pagina

January 10

Come fare DIV CSS Espandi larghezza a piena pagina


Nel linguaggio HTML, è possibile creare elementi "div" per raggruppare oggetti come paragrafi, immagini e collegamenti ipertestuali. Quando si definisce un nuovo div in una pagina Web, è possibile personalizzare l'aspetto e funzionalità utilizzando le proprietà Cascading Style Sheet. Ad esempio, è possibile aggiungere i CSS per un elemento div che costringe la sua larghezza di espandersi fino alla dimensione della finestra del browser.

istruzione

1 Lancia la tua HTML preferito o un editor di testo.

2 Aprire la pagina Web che si desidera espandere a larghezza piena pagina.

3 Scorrere verso il basso attraverso il codice fino a trovare la riga che inizia l'elemento div. La linea comprende "<div>" o un tag di apertura div seguito da uno o più parametri, ad esempio "<div id = myDiv>."

4 Sostituire la riga di codice con "<div style =" width: 100% ">" per indicare il browser Web di un visitatore per espandere la larghezza dell'elemento div alle dimensioni della finestra del browser. Se il tag div esistente contiene parametri esistenti, come nell'esempio precedente, inserire il parametro "larghezza" nel tag. Per esempio:

<Div style = id myDiv = "width: 100%">

5 Salvare il file modificato e pubblicarlo sul server Web.