Hvordan lage en fløt DIV tar opp hele bredden av beholderen

I CSS, justerer en fløt element i seg selv for å justere med en bestemt side av et området beholder. Beholderne har ofte flere elementer ved siden av hverandre, men man kan ha behov for en fløt <div> element å ekspandere slik at den passer på beholderen. Denne type element er faktisk ganske vanlig, og kan oppnås med en enkel definisjon av <div> bredde. Disse trinnene vil anta at du har erfaring med redigering CSS stilark.

Bruksanvisning

1 Begynn element ved å definere <div> egenskaper. "Flyt" definerer orienteringen av flottøren. "Bredde" definerer bredden av elementet. Bredden kan også settes i piksler, men gi det en prosentverdi i stedet vil gjøre det tilpasse seg omgivelsene container.

<Div style = "float: left; width: 100%;">

2 Legg elementets innhold under <div> tag.

<Div style = "float: left; width: 100%;">

Den raske rødrev hoppet over den late brun hund.

3 Lukk element med en slutt-tag.

<Div style = "float: left; width: 100%;">

Den raske rødrev hoppet over den late brun hund.

</ Div>