IntroductionIt er muligt for dig at placere en HTML-element på et bestemt sted på din webside, uafhængigt af, hvad der allerede er der. I denne artikel har jeg en dybdegående behandling af dette emne. Du har brug for grundlæggende viden i CSS og HTML (XHTML) for at forstå denne article.Note: Hvis du ikke kan se koden, eller hvis du tror noget mangler (brudt link, billede fraværende, tekst), bare kontakte mig på forchatrans @ yahoo .com. Det vil sige, kontakt mig for det mindste problem, du har om, hvad du er reading.
CSS Normal FlowImagine at i din kode, har du en række indbyggede elementer og tekst, så en blok-niveau (indeholdende) element, så en række af inline elementer og tekst igen, så en blok-niveau element, og endelig en række indbyggede elementer og tekst. Alt dette kode er inde i en, der indeholder elementer, såsom det organ eller en DIV element.Everything lige (baseret på hvad vi har lært indtil videre), browseren vil vise koden på følgende måde: Det vil starte med at vise indbyggede elementer og tekst , pakke dem til den næste linje i slutningen af den aktuelle linje er nået.
Så vil det vise blokniveau element, som vil indtage en fuldstændig vandret stribe fra venstre ende til højre ende. Efter at browseren vil fortsætte med at vise indbyggede elementer og tekst, indpakning derefter som i slutningen af linien er nået. Så ville det vise den anden blok-niveau element, der som forventet tage en komplet vandret stribe fra venstre ende til højre ende. Endelig viser den indbyggede elementer og tekst, pakke dem. Dette er, hvad der kaldes den normale strøm af HTML-elementer i CSS.
Din webside design skal altid tage en normal strøm medmindre du ønsker specielle funktioner, som absolut positionering (se nedenfor) HTML Element DimensionsFor din element, der skal placeres, er det nødvendigt at have bredde og højde. Nogle elementer er skabt med deres naturlige bredder og højde. For andre, er du nødt til at give bredder og højder. Du giver bredde og højde til et element ved hjælp af CSS "width" og "height" egenskaber. Værdien til enten af disse egenskaber er et tal i px eller procent; andre enheder kan anvendes. Jeg råde dig til at undgå at give højde værdi HTML-elementer.
Du ville normalt ikke, hvad højde du skal give et element. Udover når du giver kun bredden værdi til et element, browseren vælger en passende højde eller den tilsvarende højde for dig. Det gælder images.Absolute Positionering og layeringIt er muligt for dig at placere et HTML-ele