Hvordan laver divs længere

April 24

Divs indeholder koden for indholdet på dine websider. Du kan tilpasse dimensionerne af en DIV med cascading style sheets (CSS). Hvis du ikke angiver en højde til din DIV, vil det automatisk justere længden af ​​dens indhold. Eller, kan du ønsker at give divs en bestemt længde, der passer til indholdet præcist. Hvis din DIV er for kort, vil dens indhold strække sig ud over DIV. Forøgelse en DIV længde giver dig ekstra plads til at vise tekst eller grafik eller begge dele.

Instruktioner

1 Åbn HTML-fil, du vil ændre.

2 Føj følgende kode mellem "<HEAD>" tag til at style dit DIV og gøre det længere:

<Style text = "text / css">
<! -
html, body {height: 100%; }

mydiv {height: 200px;

min-height: 200px; }
->
</ Style>

3 Udskift "200 pixel;" med en større værdi for at gøre en DIV længere. For at forlænge højden automatisk, ændre højden på: "100%;"

4 Føj følgende kode mellem "<BODY>" tag for at anvende typografien på din DIV:

<Div id = "mydiv"> Dine indholdet gå her </ div>


relaterede artikler