Hvordan stoppe DIV Overlapp

Ved bruk av DIV containere i utformingen av din webside, kan du føler behov for å angi høyden, bredden og plassering av individuelle beholdere i forhold til nettleservinduet og til hverandre. Men når du gjør det, kan du oppleve at dine DIV containere overlapper med hverandre og føre til visuell layout å bryte. Heldigvis kan du løse dette problemet ved å bruke HTML visningsstilen element.

Bruksanvisning

1 Åpne websiden med overlappende DIV containere på ditt foretrukne teksteditor.

2 Flytt markøren til merket for den første DIV container som skjerm egenskapene du ønsker å justere.

3 Sett inn følgende kode inn koden av DIV container:

style = "display: block"

4 Gjenta trinn 3 for hver gang DIV container som overlapper hverandre.

5 Lagre og publiser din webside. Div containere du har justert vil nå strekke til å fylle den tilgjengelige horisontal plass, justere sine vertikale høyder tilpasset alt innholdet i dem, og ikke overlapper hverandre.