Hvordan Float Tekst til bunns i en DIV

Posisjonering og flytende av HTML-elementer er ferdig med å bruke Cascading Style Sheets kode. Den brukes til å flyte tekst til bunnen av dens inneholdende elementmetode, for eksempel en div, innebærer bruk av absolutt og relativ posisjonering. Når du gir en absolutt posisjon til tekst inne i en div som har en relativ posisjon innstilling, vil teksten være begrenset i div. Når du gjør dette, kan du sette "bunnen" til en verdi på null for å plassere teksten på bunnen av div.

Bruksanvisning

1 Åpne websiden i Notepad eller en kode program. Finn div der du ønsker å flyte tekst til bunns og finne sin ID navn:

<Div id = "innhold">

<P> Tekst til å flyte til bunnen. </ P>

</ Div>

2 Legg et ID-navnet til det sett av koder som brytes rundt teksten du ønsker å flyte til

bunn:

<P id = "bottom"> Tekst å flyte til bunnen. </ P>

Pakk "<p>" koder eller "<div>" koder rundt teksten hvis det ennå ikke finnes i sitt eget sett med koder.

3 Gå til toppen av koden din, og finne "<style>" tags. Legg disse kodene hvis du ikke ser dem:

<Style type = "text / css">

</ Style>

Skriv alle CSS-kode mellom "<style>" tags. Hvis du bruker eksterne stilark med dine nettsteder, legge til den nye CSS-koden til riktig CSS-fil.

4 Gi div et sett bredde og høyde. Sett "stilling" eiendom av div til "slektning":

innhold {

width: 500px;

height: 200px;

position: relative;

}

Endre "innhold" til ID-navnet på div.

5 Bruk følgende stil regel å tvinge tekst til bunnen av div:

bunn {

position: absolute;

bottom: 0;

}

Endre "bunnen" til ID-navnet du ga til kodene pakket rundt teksten.