Şamandıranın dezavantajlarına diqqət yetirək. Blok və satır içi elementlərin bir-biri ilə necə davranması və birlikdə istifadə edilməsinin olub-olmaması. Gəlin bir zərərin nə olduğunu və bununla necə mübarizə aparacağımızı təhlil edək.
Son məqalədə üzənlərdən istifadə edərək sayt üçün sadə bir şəbəkə yaratmağımıza baxmayaraq, əvvəlcə mətndəki elementlərin axınını tənzimləmək üçün nəzərdə tutulmuşdur. Float üç məna daşıyır: sol - elementlər sol kənarına yapışır; sağ - elementlər sağ kənarına basıldı; none - Sarma rejimi deaktivdir.
Şamandıra bükülmüş element ölçülü və yastıqlı ola bilər, lakin element sətirdə olarsa blok elementi kimi davranacaqdır.
.block1 {
üzmək: sol;
genişlik: 150px;
}
.block2 {
üzmək: sağ;
genişlik: 150px;
}
Dənizdən düşən üzənlərdən istifadə edərkən başqa bir problem var. Bloklar bir-birinin ardınca getdikdə görünür, ancaq bunlardan yalnız birinin float xassəsi var, o zaman qalanların üstündə olacaq, çünki digər blokları görmür. Satır daxilindəki elementlər float elementlərinin ətrafını əhatə edəcək, lakin bu mətni ehtiva edən blok float elementinin altında qalacaq.
Bəs float şamandıra ilə necə qarşılıqlı əlaqədə olur?
Mətn kimi davranırlar: boş yer olduğu müddətdə bir-birinin ardınca dururlar və sonra yeni bir sətrə keçirlər. Buna görə üzənlərin köməyi ilə ızgaralar qurmağa başladıq. Yer qalmırsa, saytın genişliyindən kənara köçürülür, yəni heç yerə getməzlər.
Şamandıra sadə blok elementlərini görmürsə, blok elementlərinə şamandıra baxmağı öyrədilə bilər. Hər tərəfdən (və ya seçilənlərdən) bükülməni aradan qaldıran aydın əmlakdan istifadə edirik. Yəni şəffaf bir element float ilə elementin altına düşəcəkdir.
