float-ով էջատման օրինակ

Տարածված տեխնիկա է էջատումները կառուցել float-ների օգնությամբ։ Ահա նույն կառուցվածքը, որը նախկինում ստեղծել էինք position-ի օգնությամբ, սակայն այս անգամ արդեն float-ներով։

nav {
  float: left;
  width: 200px;
}
section {
  margin-left: 200px;
}
<div class="clearfix">
<section>

Այս օրինակը արտապատկերվում է ճիշտ նախորդի պես։ Հիշիր կոնտեյների վրա clearfix դնելու մասին։ Այս օրինակում դա անհրաժեշտ չէ, սակայն անհրաժեշտ կլինի եթե nav-ը բավանդակությունից երկար լինի։

</section>
<section>

Lorem Ipsum-ը տպագրության և տպագրական արդյունաբերության համար նախատեսված մոդելային տեքստ է: Սկսած 1500-ականներից` Lorem Ipsum-ը հանդիսացել է տպագրական արդյունաբերության ստանդարտ մոդելային տեքստ, ինչը մի անհայտ տպագրիչի կողմից տարբեր տառատեսակների օրինակների գիրք ստեղծելու ջանքերի արդյունք է: Այս տեքստը ոչ միայն կարողացել է գոյատևել հինգ դարաշրջան, այլև ներառվել է էլեկտրոնային տպագրության մեջ` մնալով էապես անփոփոխ: Այն հայտնի է դարձել 1960-ականներին Lorem Ipsum բովանդակող Letraset էջերի թողարկման արդյունքում

</section>
  • Creative Commons License