Overløp: skjult Ikke Arbeide med HTML5 i CSS

Hypertext Markup Language, eller HTML, og Cascading Style Sheets, eller CSS, er begge språkene som brukes av web-designere å skape attraktive og funksjonelle nettsider. HTML-koden definerer de fysiske seksjoner og innhold på en nettside, for eksempel tekst, lenker og div blokker. CSS definerer stil og layout egenskaper for innholdet på nettstedet, som link farge, tekst stil og innhold posisjon. Den "overflow: hidden" eiendom definerer hvordan en bestemt blokk med innholdet vises på nettstedet ditt.

Handle om

Webdesignere bruke overflow: hidden eiendom når du arbeider med HTML div blokker. Når innholdet i en fast størrelse div blokk strekker seg utover bredden eller høyden av blokken, likevel viser dette innhold som standard. Hvis du tilordner flow: hidden eiendom til blokken, innhold som flyter over grensene til div blokken blir skjult i blokken. Blokken også ikke viser rullefelt slik at du kan bla for å se det skjulte innholdet.

bruk

Overløps: skjult egenskap lar deg designe flytende div blokker uten blokken innhold overlapp andre blokker eller nettside strukturer. Dette tillater utviklere å legge til innhold i blokken, for eksempel ekstra tekst eller søkeord, med sikte på søkemotorer eller andre elektroniske søknader, i stedet for besøkende. Den lar deg også til å plassere skjulte tellere, språk trackere eller applikasjoner på siden din uten å gjøre dem synlige for nettstedet lesere.

Feilsøking

Hvis flow: hidden eiendommen ikke fungerer som den skal, må du sørge for at alle elementer i HTML-koden er korrekt. Vis siden i ulike nettlesere for å finne ut om problemet er nettleser-relatert. Selv overflow: hidden støttes av alle de store nettleserne, noen nettlesere, for eksempel Internet Explorer, har problemer viser koden når plasseringen av innholdet er absolutt. Dette fører til at overløps innholdet skal vises utenfor boksen og ignorere den skjulte eiendom.

Løsning

Hvis problemet vedvarer, selv når du prøver å se det i ulike nettlesere, indikerer dette et problem med HTML og CSS koding. Den riktige koden for denne eiendommen er "overflow: hidden;" uten mellomrom mellom kolon og ordene. Hvis problemet kun vises i enkelte nettlesere, legge til "position: relative;" linje til koding blokken. Den relative eiendom i denne koden vil tillate nettsted for å anerkjenne den skjulte eiendom og skjule ekstra innhold som det skal.