Флоаттын кемчиликтерине көңүл буралы. Блок жана катар элементтер бири-бири менен кандай мамиледе жана аларды чогуу колдонуу керекпи. Келгиле, жоготуу деген эмне жана аны кантип чечүү керектигин талдап көрөлү.
Акыркы макалада флотторду колдонуп сайт үчүн жөнөкөй тор орнотконубузга карабастан, алар алгач тексттеги элементтердин агымын жөндөөгө арналган. Float үч мааниге ээ: сол - элементтер сол четине жабышат; оң - элементтер оң четине басылган; жок - ороо режими өчүрүлгөн.
Флот менен оролгон элементтин өлчөмү жана толтурулушу мүмкүн, бирок элемент катарда болсо, ал блок элементиндей иштейт.
.block1 {
калкуу: сол;
туурасы: 150px;
}
.block2 {
калкуу: оң;
туурасы: 150px;
}
Агымга кулап түшкөн калкып жүрүүчү колдонууда дагы бир көйгөй бар. Ал блоктор биринин артынан бири өткөндө пайда болот, бирок алардын бирөөсүндө гана float касиети болот, анда ал калган блоктордун үстүндө болот, анткени ал башка блокторду көрбөйт. Сызыктуу элементтер флот элементтерин айланып өтөт, бирок бул текст камтылган блок флот элементинин астында калат.
Бирок флоат флот менен кандайча өз ара аракеттенет?
Алар өзүн текст сыяктуу алып жүрүшөт: бош орун болгондо биринин артынан бири туруп, андан кийин жаңы сапка өтүшөт. Ошондуктан, калкымалардын жардамы менен биз торчолорду кура баштадык. Эгерде бош орун калбаса, анда алар сайттын туурасынан ары жылдырылат, башкача айтканда, эч жакка кетишпейт.
Эгерде флоат жөнөкөй блок элементтерин көрбөсө, анда блок элементтерин флотту көрүүгө үйрөтсө болот. Биз ар тараптан (же тандалгандардан) ороону өчүргөн ачык касиетти колдонобуз. Башкача айтканда, тунук болгон элемент флот менен элементтин астына түшөт.
