Bij gebruik DIV containers in het ontwerp van de webpagina, wordt het noodzakelijk om de hoogte, breedte en positie van de afzonderlijke houders ten opzichte van het browservenster en elkaar specificeren voelen. Echter, wanneer u dit doet, zult u merken dat uw DIV containers overlappen met elkaar en zorgen dat uw visuele lay-out te breken. Gelukkig kunt u dit probleem oplossen door gebruik te maken van de HTML-weergave stijlelement.
instructies
1 Open de webpagina met de overlappende DIV containers in de gewenste tekstverwerker.
2 Beweeg de cursor naar de tag van de eerste DIV container waarvan de weergave-eigenschappen die u wenst aan te passen.
3 Voeg de volgende code in de tag van de DIV container:
style = "display: block"
4 Herhaal stap 3 bij elk volgend DIV container die overlappen elkaar.
5 Opslaan en publiceren van uw webpagina. De DIV containers die u hebt ingesteld worden nu rekken tot de beschikbare horizontale ruimte op te vullen, passen hun verticale hoogten tot alle inhoud in hen tegemoet te komen, en niet overlappen elkaar.