Atkreipkime dėmesį į plūdės trūkumus. Kaip blokiniai ir įterptiniai elementai elgiasi tarpusavyje ir ar juos naudoti kartu. Panagrinėkime, kas yra nuostolis ir kaip su juo susidoroti.
Nepaisant to, kad paskutiniame straipsnyje mes pastatėme paprastą tinklelį tinklui naudodami plūdes, jie iš pradžių buvo skirti koreguoti teksto elementų srautą. Plūdė turi tris reikšmes: kairė - elementai laikosi kairiosios paraštės; dešinė - elementai prispaudžiami prie dešiniojo krašto; nėra - įvyniojimo režimas išjungtas.
Plūdės apvyniotas elementas gali būti dydžio ir paminkštintas, tačiau jei elementas yra įterptas, jis elgsis kaip blokinis elementas.
.block1 {
plūdė: kairė;
plotis: 150 taškų;
}
.block2 {
plūdė: dešinė;
plotis: 150 taškų;
}
Naudojant plūdes yra dar viena problema, kuri krenta iš upelio. Pasirodo, kai blokai eina vienas po kito, bet tik vienas iš jų turi „float“savybę, tada jis bus ant kitų, nes nemato kitų blokų. Įterpti elementai apvynios plūduriuojančius elementus, tačiau blokas, kuriame yra šis tekstas, liks po plūduriuojančiu elementu.
Bet kaip plūdė sąveikauja su plūde?
Jie elgiasi kaip tekstas: stovi vienas po kito tol, kol yra laisvos vietos, ir tada pereina prie naujos eilutės. Todėl plūdžių pagalba pradėjome statyti tinklelius. Jei nelieka vietos, tada jie perkeliami už svetainės pločio ribų, tai yra, jie niekur nedingsta.
Jei plūdė nemato paprastų blokinių elementų, tada blokinius elementus galima išmokyti matyti plūdę. Mes naudojame ypatybę clear, kuri neleidžia vyniojimo iš visų pusių (arba iš pasirinktų). Tai yra, elementas su aiškiu pateks po elementu su plūduriu.
