Come prevenire DIV si sovrappongano CSS

October 5

Elementi tag "div" offrono agli sviluppatori HTML con contenitori, in modo da poter formattare il testo e layout di pagine web. L'impostazione per un div di default permette la sovrapposizione di testo su altri elementi div sulle tue pagine. È possibile ignorare questa impostazione predefinita impostando la proprietà "troppo pieno" per scorrere o clip il testo di sovrapposizione. Ciò significa che una barra di scorrimento è visualizzato o il testo viene tagliato se si estende la larghezza o altezza dell'elemento div.

istruzione

1 Fare clic destro sul file HTML che contiene l'elemento div che si desidera modificare. Fai clic su "Apri con" nel menu a comparsa. Fare doppio clic l'editor HTML che si desidera utilizzare per modificare le proprietà del tag div.

2 Scorrere la pagina HTML al div che si desidera modificare. È anche possibile fare una ricerca rapida per l'elemento premendo il tasto "Ctrl" e "F" Questa combinazione di tasti apre la finestra "Trova" del testo. Digitare il nome del tag div nella casella di testo e premere "Invio".

3 Digitare il seguente codice CSS nel tag div per aggiungere una barra di scorrimento per l'elemento se il testo overflow:

overflow: scroll;

Se si vuole tagliare il testo e lasciare fuori la barra di scorrimento, utilizzare il seguente codice CSS, invece:

overflow: hidden;

4 Premere il tasto "Ctrl" e la combinazione di "S" per salvare le modifiche. Se si desidera visualizzare le modifiche prima di pubblicare al tuo sito web, fare doppio clic sul file HTML sul disco rigido per visualizzare nel browser.