Inzicht CSS Absolute positionering en Layering

IntroductionIt is mogelijk voor u om een ​​HTML-element te plaatsen op een bepaalde plek op uw webpagina, onafhankelijk van wat er al is. In dit artikel heb ik een grondige behandeling van dat onderwerp. Je nodig hebt basiskennis van CSS en HTML (XHTML) om deze article.Note begrijpen: Als u de code niet kunt zien of als u denkt dat er iets ontbreekt (gebroken link afbeelding afwezig, tekst), neem dan contact met mij op forchatrans @ yahoo .com. Dat wil contact met mij op voor het geringste probleem dat je hebt over wat je bent reading.

CSS Normal FlowImagine dat in de code, heb je een reeks van inline elementen en tekst, dan is een block-level (bevattende) element, vervolgens een reeks inline elementen en tekst opnieuw, dan is een block-level element, en ten slotte een reeks van inline elementen en tekst. Al deze code is in een met element, zoals het lichaam of een DIV element.

Everything gelijk (op basis van wat we tot nu toe hebben geleerd), zal uw browser de code als volgt weergegeven: Het zal beginnen met het weergeven van de inline-elementen en tekst , wikkelen ze de volgende regel als het einde van de huidige lijn bereikt. Dan zal het het blok-niveau element, dat een volledig horizontale streep zal bezetten van de linkerkant naar de rechterkant weer te geven. Daarna de browser blijft de inline elementen en tekst weer te wikkelen dan als het einde van de lijn bereikt wordt.

Dan zou het het tweede blok-niveau element, dat als wordt verwacht neem een ​​volledige horizontale streep van de linkerkant naar de rechterkant weer te geven. Ten slotte geeft de inline-elementen en tekst, ze te omwikkelen. Dit is de zogenaamde normale stroom van HTML elementen in CSS. Uw webpagina ontwerp moet altijd een normale stroom tenzij je speciale functies, als absolute positionering (zie hieronder) .HTML Element DimensionsFor uw element worden geplaatst, moet de breedte en hoogte te hebben. Sommige elementen worden gemaakt met hun natuurlijke breedte en hoogte.

Voor anderen, moet je de breedte en hoogte te geven. U geeft de breedte en hoogte van een element met behulp van de CSS "width" en "height" eigenschappen. De waarde om een ​​van deze woningen is een getal in px of percentage; andere eenheden kunnen worden gebruikt. Ik raad je aan om te voorkomen dat de hoogte waarde in HTML-elementen. Zou je meestal niet weet wat de hoogte moet je een element te geven.

Behalve wanneer u alleen de breedte waarde geven aan een element, de browser kiest een juiste hoogte of de ove