Եկեք ուշադրություն դարձնենք բոցի թերություններին: Ինչպես են բլոկային և ներքին տարրերը միմյանց հետ վարվում և արդյոք դրանք միասին օգտագործել: Եկեք վերլուծենք, թե ինչ է կորուստը և ինչպես վարվել դրա հետ:
Չնայած այն հանգամանքին, որ վերջին հոդվածում մենք կառուցել ենք կայքի համար պարզ ցանց `օգտագործելով բոցեր, դրանք ի սկզբանե նախատեսված են տեքստի տարրերի հոսքը կարգավորելու համար: Float- ն ունի երեք նշանակություն. Ձախ - տարրերը մնում են ձախ եզրին; աջ - տարրերը սեղմվում են աջ եզրին; ոչ - Փաթաթման ռեժիմն անջատված է:
Բոցով փաթաթված տարրը կարող է չափի և լիցքավորված լինել, բայց եթե տարրը շարված է, այն իրեն կպահի որպես բլոկի տարր:
.բլոկ 1 {
բոց `ձախ;
լայնությունը `150px;
}
.block2 {
բոց `աջ;
լայնությունը `150px;
}
Լողերը օգտագործելիս կա մեկ այլ խնդիր, որը հոսում է հոսքից: Այն հայտնվում է այն ժամանակ, երբ բլոկները գնում են մեկը մյուսի ետևից, բայց դրանցից միայն մեկն ունի բոց հատկություն, այնուհետև այն կլինի մնացածի վրա, քանի որ այն չի տեսնում այլ բլոկներ: Ներքին տարրերը կփաթաթվեն բոց տարրերի շուրջ, բայց այս տեքստը պարունակող բլոկը կմնա լողացող տարրի տակ:
Բայց ինչպե՞ս է բոցը փոխազդում բոցի հետ:
Նրանք իրենց տեքստի պես են պահում. Նրանք կանգնած են մեկը մյուսի հետեւից, քանի դեռ ազատ տեղ կա, և հետո տեղափոխվում են նոր տող: Հետեւաբար, բոցերի օգնությամբ մենք սկսեցինք ցանցեր կառուցել: Եթե տեղ չի մնացել, ապա դրանք տեղափոխվում են կայքի լայնությունից այն կողմ, այսինքն ՝ ոչ մի տեղ չեն գնում:
Եթե բոցը չի տեսնում բլոկի պարզ տարրեր, ապա բլոկի տարրերին կարելի է սովորեցնել տեսնել բոցը: Մենք օգտագործում ենք հստակ հատկություն, որը թույլ չի տալիս փաթաթել բոլոր կողմերից (կամ ընտրվածներից): Այսինքն, պարզ տարրը ընկնելու է float տարրով:
