IntroductionIt on mahdollista, että voit sijoittaa HTML-elementti tietyllä paikalla Web sivulla, riippumaton, mikä on jo olemassa. Tässä artikkelissa tehdä perusteellinen hoidossa tähän aiheeseen. Tarvitset perustiedot CSS ja HTML (XHTML), jotta ymmärtää tämä article.Note: Jos et näe koodia tai jos luulet jotain puuttuu (rikki linkki, kuva poissa, tekstiä), vain yhteyttä minuun forchatrans @ yahoo .com. Eli minuun yhteyttä pienintäkään ongelmaa olet mitä olet reading.
CSS Normaali FlowImagine että koodissa, sinulla on useita rivinsisäiselementtejä ja tekstiä, sitten lohko-tason (sisältävien) elementti, niin sarja inline elementit ja teksti uudelleen, niin lohko-tason elementti, ja lopuksi useita rivinsisäiselementtien ja tekstiä. Kaikki tämä koodi on sisällä, joka sisältää elementin kuten elin tai DIV element.Everything on yhtä suuri (sen perusteella, mitä olemme oppineet tähän mennessä), selain näyttää koodin seuraavasti: Se alkaa näyttämällä rivinsisäiselementtejä ja teksti , käärimistä seuraavalle riville kuin kuluvan linja on saavutettu.
Sitten se näyttää lohkon tason elementti, joka miehittää täydellinen vaakasuora viiva vasemmasta päästä oikeaan päähän. Tämän jälkeen selain näkyvät edelleen rivinsisäiselementtejä ja tekstiä, käärimistä sitten kuten päätepysäkki on saavutettu. Sitten se näyttää toinen lohko-tason elementti, joka odotetusti ottaa yksi täydellinen vaakasuora viiva vasemmasta päästä oikeaan päähän. Lopuksi se näyttää rivinsisäiselementtejä ja tekstiä, käärimistä. Tämä on ns normaalia HTML-elementtien CSS.
Web-sivun suunnittelu on aina normaalia ellet halua erityispiirteitä, kuten Absolute Positioning (katso jäljempänä) .HTML Element DimensionsFor teidän elementti voidaan sijoittaa, sen on oltava leveys ja korkeus. Jotkut elementit ovat luoneet niiden luonnollinen leveydet ja korkeus. Toisille, joudut antamaan leveydet ja korkeudet. Annat leveys ja korkeus elementti käyttäen CSS "width" ja "height" ominaisuuksia. Arvo jompikumpi näistä ominaisuuksista on numero px tai prosentteina; muita yksiköitä voidaan käyttää. Kehotan teitä välttää antamasta korkeus arvo HTML elementtejä.
Et yleensä ei tiedä mitä korkeus sinun pitäisi antaa elementti. Lisäksi kun annat vain leveys arvon elementin, selain valitsee sopivalle korkeudelle tai vastaava korkeus sinulle. Tämä koskee images.Absolute Paikannus ja layeringIt on mahdollista, että voit sijoittaa HTML-elementti tietyssä paikassa alueelle Web-sivun. Kuten näette tästä mahdollisuudesta, element