Overflow: hidden non funziona con HTML5 in CSS

October 3

Hypertext Markup Language o HTML, e Cascading Style Sheets, o CSS, sono entrambe le lingue usate dai web designer per creare siti web attraenti e funzionali. Il codice HTML definisce le sezioni fisici e contenuti all'interno di un sito web, come testo, link e blocchi div. Il CSS definisce le proprietà di stile e layout per il contenuto del sito web, come il colore del collegamento, lo stile del testo e la posizione dei contenuti. Il "overflow: hidden" proprietà definisce il modo in cui un blocco specifico di schermi di contenuti sul tuo sito web.

Di

Sito web designer utilizzano il overflow: hidden proprietà quando si lavora con i blocchi div HTML. Quando il contenuto all'interno di un blocco div fissa dimensioni si estende oltre la larghezza o l'altezza del blocco, questo contenuto viene visualizzato ancora per impostazione predefinita. Se si assegna il overflow: hidden struttura al blocco, qualsiasi contenuto che trabocca i confini del blocco div diventa nascosti all'interno del blocco. Il blocco anche non visualizza le barre di scorrimento per consentire di scorrere per vedere il contenuto nascosto.

uso

L'overflow: hidden proprietà permette di progettare galleggiante blocchi div senza il contenuto del blocco sovrapposti altri blocchi o strutture del sito web. Questo permette agli sviluppatori di aggiungere contenuti all'interno del blocco, come ad esempio un testo supplementare o parole chiave, volto a motori di ricerca o altre applicazioni online, piuttosto che visitatori. Consente inoltre di posizionare i contatori nascosti, inseguitori dei siti o applicazioni sul vostro pagina senza rendendoli visibili ai lettori del sito.

Risoluzione dei problemi

Se l'overflow: hidden proprietà non funziona correttamente, in modo che tutti gli elementi all'interno del codice HTML siano corrette. Visualizzare la pagina in diversi browser per determinare se il problema è il browser-correlato. Anche se overflow: hidden è supportato da tutti i principali browser, alcuni browser, come Internet Explorer, hanno problemi di visualizzazione del codice quando la posizione del contenuto è assoluta. Questo fa sì che il contenuto in eccesso per visualizzare fuori della scatola e ignorare la proprietà nascosta.

Soluzione

Se il problema persiste, anche quando si tenta di visualizzare in diversi browser, questo indica un problema con il codice HTML e codifica CSS. Il codice appropriato per questa proprietà è "overflow: hidden;" senza spazi tra i due punti e le parole. Se il problema viene visualizzato solo in alcuni browser, aggiungere il "position: relative;" linea al blocco di codifica. La proprietà relativa a questo codice permetterà al sito di riconoscere la proprietà Hidden e nascondere i contenuti aggiuntivi come dovrebbe.


Articoli Correlati