Come nascondere una parte di DIV

September 4

Un DIV è un contenitore HTML utilizzato per suddividere la pagina Web in sezioni e si compone di una apertura "<DIV>" tag e una chiusura "</ DIV>" tag. contenitori DIV sono tipicamente utilizzati per creare il layout di base di una pagina Web, e possono contenere testo, immagini, video e altri elementi del sito web. Se si desidera oscurare una parte di un contenitore DIV, è possibile farlo con la creazione di un contenitore DIV all'interno di un contenitore DIV, quindi utilizzando una serie di tag di stile CSS.

istruzione

1 Aprire il documento pagina Web in un editor di testo facendo clic destro su di esso, quindi facendo clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad" dalle applicazioni elencate, quindi fare clic su "OK".

2 Fare clic per posizionare il cursore su una riga vuota tra il "<body>" e "</ body>" tag.

3 Digitare "<div style = 'overflow: hidden; larghezza: [x] px; altezza: [y] px;'>" per creare il contenitore div esterno, quindi premere "Invio". Si tratta di un tag di apertura DIV con il codice di stile CSS che definisce il DIV "troppo pieno" proprietà come "nascosto". Sostituire il "[x]" testo nel tag con la larghezza del DIV esterno pixel. Sostituire il "[y]" il testo nel tag con l'altezza del div esterno in pixel. Ad esempio, per creare un contenitore div esterno con una larghezza di 500 pixel e un'altezza di 200 pixel, di tipo "<div style = 'overflow: hidden; width: 500px; height: 200px;'>."

4 Digitare "<div style =" width: [a] px; altezza:. [b] px; '> "per creare il contenitore DIV interno e premere il tasto" Enter "Sostituisci" [a] "con la larghezza DIV interno in pixel e sostituire" [b] "con l'altezza DIV interno in pixel. la larghezza definita o altezza per il contenitore DIV interno deve essere maggiore della larghezza definita o altezza del contenitore DIV esterno Ciò causerà una porzione del DIV interno per essere nascosta dal contenitore DIV esterno. "overflow: hidden". proprietà per esempio, per creare un DIV interno con una larghezza di 600 pixel e un'altezza di 300 pixel, tipo "<style DIV = 'width: 600px; altezza: 300px; '> ".

5 Digitare o incollare il contenuto che si desidera visualizzare nel contenitore DIV interno. Una parte di questo contenuto (nulla al di fuori di altezza definita del div esterno e larghezza) sarà oscurato dal DIV esterno.

6 Tipo "</ DIV>" per chiudere il contenitore DIV interno.

7 Tipo "</ DIV>" per chiudere il contenitore div esterno.

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