Come ottenere il 100% DIV Larghezza Con i CSS

June 9

Come ottenere il 100% DIV Larghezza 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à, come l'elemento del corpo HTML o anche un altro div. L'elemento del corpo è il contenitore principale o principale all'interno del quale esistono tutte le altre unità. Esso limita la larghezza di unità all'interno di esso. attributi di larghezza di blocco possono essere impostati usando i CSS (Cascading Style Sheets). Impostare gli attributi margin e padding del blocco genitore a zero e il div bambino assumerà il 100 per cento della sua larghezza.

istruzione

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

2 Inserire il seguente codice in qualsiasi punto all'interno del tag body che si desidera visualizzare il div. Quanto segue imposta la larghezza di qualsiasi cosa che appare nel tag div al 100 per cento (e definisce un colore di sfondo e, per una migliore visibilità del div):

<Div style = "width: 100%; background-color: yellow"> Questo è un ampio div </ div>

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

<Div style = "width: 30%; background-color: azzurro"> Questo è un NON così ampia div </ div>

3 Salvare e chiudere il file, e quindi aprirlo in un browser Web per verificare le modifiche.

Consigli e avvertenze

  • L'altezza di un div può anche essere in stile con i CSS. Tuttavia, l'altezza dell'elemento principale deve essere impostato in modo esplicito. Ad esempio, per fare un div riempire 100 percento di una finestra del browser, impostare l'attributo altezza del corpo al 100 per cento e quindi impostare l'attributo altezza del div al 100 per cento così.
  • Tutti i browser Web non visualizzano le pagine in modo identico. Alcuni browser possono aggiungere margini o padding di default che impediscono un div di visualizzare esattamente come previsto. Le pagine Web di prova con diversi browser - incluse le versioni precedenti dello stesso browser in esecuzione nel più popolari sistemi operativi per computer.