Hvordan plassere DIV tagger Side ved side

Hvordan plassere DIV tagger Side ved side


HTML stilelementer gi deg muligheten til å lage rike og iøynefallende websideoppsett som ikke er begrenset til den tradisjonelle tabelloppsett. For eksempel, hvis du har to beholdere med ulike vertikale høyder, og du ønsker å plassere dem ved siden av hverandre, du trenger ikke å forholde seg til de begrensninger og leseren kompatibilitetsproblemer som ligger i spenner over en celle over flere rader. Ved hjelp av en "flyte" stil element, kan du plassere to DIV containere ved siden av hverandre.

Bruksanvisning

1 Åpne websiden med div containere du ønsker å plassere ved siden av hverandre i en teksteditor.

2 Legg til følgende kode for å merke av den første DIV beholder i rekken av dem som du ønsker å plassere ved siden av hverandre:

style = "float: left"

3 Gjenta trinn 2 med kodene for de gjenværende DIV containere i sekvensen.

Hint

  • Du kan også bruke en verdi på "rett" i stedet for "venstre" for verdien av flyte stil hvis du ønsker å justere containere til høyre fra foreldre beholder.