Nwlapcug.com


Come ottenere 100% Larghezza DIV con i CSS

Come ottenere 100% Larghezza DIV con i CSS


Il tag div o divisione in HTML divide il contenuto di una pagina Web in unità distinte. Un div opera entro i confini di altre unità, ad esempio l'elemento body HTML o anche un altro div. L'elemento body è il contenitore principale o padre all'interno del quale esistono tutte le altre unità. Essa vincola la larghezza delle unità all'interno di esso. Blocco larghezza attributi possono essere impostati utilizzando i CSS (Cascading Style Sheets). Impostare margin e padding gli attributi del blocco genitore a zero e il div bambino prenderà il 100 per cento della sua larghezza.

Istruzioni

1

Aprire il file HTML che si desidera modificare in un editor di testo, come blocco note.

2

Immettere il seguente codice in un punto qualsiasi all'interno del tag di corpo che si desidera il div a comparire. Di seguito imposta la larghezza di qualsiasi cosa che appaiono nel tag div al 100% (e definisce un colore di sfondo, per una migliore visibilità del div):

< div style = "width: 100%; background-color: giallo" > si tratta di un ampio div < / div >

È possibile modificare la larghezza di qualsiasi altra percentuale, ad esempio il 30 per cento:

< div style = "Larghezza: 30%; background-color: lightblue" > si tratta di un non così ampio div < / div >

3

Salvare e chiudere il file e quindi aprirlo in un browser Web per testare le modifiche.

Consigli & Avvertenze

  • L'altezza di un div possa anche essere in stile con i CSS. Tuttavia, l'altezza dell'elemento padre deve essere impostata esplicitamente. Ad esempio, per rendere un div riempire 100 per cento di una finestra del browser, impostare l'attributo di altezza del corpo al 100% e quindi impostare l'attributo height del div al 100% pure.
  • Tutti i browser Web non visualizzare le pagine in modo identico. Alcuni browser possono aggiungere margini o spaziatura interna di default che impedisce la visualizzazione esattamente come previsto in un div. Testare le pagine Web con diversi browser – anche le versioni precedenti dello stesso browser in esecuzione con i più diffusi sistemi operativi di computer.