IntroductionIt är möjligt för dig att placera en HTML-element på en viss plats på din hemsida, oberoende av vad som redan finns. I den här artikeln gör jag en fördjupad behandling av ämnet. Du behöver grundläggande kunskaper i CSS och HTML (XHTML) för att förstå detta article.Note: Om du inte kan se koden, eller om du tror att något saknas (bruten länk, bild frånvarande, text), bara att kontakta mig på forchatrans @ yahoo .com. Det vill säga, kontakta mig för minsta problem du har om vad du är reading.
CSS Normal FlowImagine att din kod, har du en serie av inline element och text, sedan en blocknivå (innehållande) elementet, sedan en serie av inline element och text igen, sedan en blocknivåelement, och slutligen en serie av inline element och text. Allt denna kod är inne i en innehåller element såsom BODY eller DIV element.Everything är lika (baserat på vad vi har lärt oss hittills), webbläsaren kommer att visa koden på följande sätt: Det börjar med att visa inline-element och text , omslag dem till nästa rad som i slutet av den aktuella raden har uppnåtts.
Då kommer det att visa blocknivåelement, som kommer att uppta en komplett horisontell rand från den vänstra änden till den högra änden. Efter att webbläsaren kommer att fortsätta att visa inline element och text, omslag sedan i slutet av linjen har nåtts. Då skulle det visa andra blocknivåelement, vilket som kommer förväntas ta en komplett horisontell rand från den vänstra änden till den högra änden. Slutligen visar den inline element och text, omslags dem. Detta är vad som kallas det normala flödet av HTML-element i CSS.
Din webbdesign bör alltid ta ett normalt flöde om du inte vill specialfunktioner, såsom Absolut positionering (se nedan) .HTML Element DimensionsFor din del som skall placeras, det måste ha bredd och höjd. Vissa delar är skapade med sina naturliga bredd och höjd. För andra, måste du ge bredd och höjd. Du ger bredd och höjd till ett element med hjälp av CSS "width" och "height" egenskaper. Värdet på någon av dessa egenskaper är ett nummer i px eller procent; andra enheter kan användas. Jag råder dig att undvika att ge höjdvärde till HTML-element.
Du vanligtvis inte skulle veta vad höjd du ska ge ett element. Förutom när du ger bara bredden värdet till ett element, väljer webbläsaren lämplig höjd eller motsvarande höjd för dig. Detta gäller images.Absolute Positionering och layeringIt är möjligt för dig att placera ett HTML-element på en viss plats på området för din webbsida. Som n