Hvordan Mix Pixel Prosent

Hvordan Mix Pixel Prosent


Piksler og prosenter er begge måleenhetene brukes for websider. Pixels gjelde faste dimensjoner til en side, mens prosentandeler gjelder fleksible dimensjoner som endrer seg med størrelsen på den overordnede beholderen. Ved å blande piksler og prosenter, kan du vise faste og fleksible bredder i samme overordnede container. Dessverre har nettlesere ikke viser dimensjonene på samme måte, og de runde målingene opp eller ned. Seksjoner som er større enn den overordnede container flyttes til en annen linje.

Bruksanvisning

1 Åpne HTML-filen du ønsker å endre i et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad.

2 Legg til følgende kode i HEAD taggen, som ligger på toppen HTML-filen:

<Style type = "text / css">
<! -
->
</ Style>

3 Sett inn følgende kode mellom "<! -" Og "->" i STYLE tag å sette hoved container i piksler, men erstatte "950" med sidebredden du vil bruke:

container

{
width: 950px;
}

4 Legg til følgende kode under den forrige koden for å bruke en blanding av piksler og prosenter, men erstatte hver med dine foretrukne målinger. Den første kolonnen tar opp 200 piksler, mens den andre og tredje kolonne ta opp 25 prosent et stykke:

kolonne 1

{
float: left;
width: 200px;
}

COLUMN2

{
float: left;
bredde: 25%;
}

kolonne 3

{
float: left;
bredde: 25%;
}

5 Rull under åpningen BODY-koden og sette inn følgende kode for å bruke dimensjonene på siden din:

<Div id = "container">
<Div id = "kolonne 1"> Legg til kolonne ens innholdet her </ div>
<Div id = "COLUMN2"> Legg til kolonne to innholdet her </ div>
<Div id = "kolonne 3"> Legg til kolonne tre innholdet her </ div>
</ Div>