Pievērsīsim uzmanību pludiņa trūkumiem. Kā bloķētie un iekļautie elementi izturas viens ar otru un vai tos izmantot kopā. Analizēsim, kas ir zaudējumi un kā ar tiem rīkoties.
Neskatoties uz to, ka pēdējā rakstā vietnei izveidojām vienkāršu režģi, izmantojot pludiņus, tie sākotnēji ir paredzēti, lai pielāgotu elementu plūsmu tekstā. Pludiņam ir trīs nozīmes: pa kreisi - elementi pielīp pie kreisās malas; pa labi - elementi tiek nospiesti uz labo malu; neviens - iesaiņošanas režīms ir atspējots.
Ar pludiņu iesaiņotu elementu var izmērīt un polsterēt, bet, ja elements ir vienā līnijā, tas izturēsies kā bloka elements.
.block1 {
pludiņš: pa kreisi;
platums: 150 pikseļi;
}
.block2 {
pludiņš: pa labi;
platums: 150 pikseļi;
}
Lietojot pludiņus, ir vēl viena problēma, kas izkrīt no straumes. Tas parādās, kad bloki iet viens pēc otra, bet tikai vienam no tiem ir pludiņa īpašība, tad tas būs virs pārējiem, jo tas neredz citus blokus. Iekļautie elementi apņems pludiņelementus, bet bloks, kurā ir šis teksts, paliks zem pludiņa elementa.
Bet kā pludiņš mijiedarbojas ar pludiņu?
Viņi izturas kā teksts: viņi stāv viens pēc otra, kamēr ir brīva vieta, un pēc tam pāriet uz jaunu rindu. Tāpēc ar pludiņu palīdzību mēs sākām veidot režģus. Ja vietas nav palicis, tad tie tiek pārvietoti ārpus vietnes platuma, tas ir, viņi nekur neiziet.
Ja pludiņš neredz vienkāršus bloka elementus, tad bloka elementus var iemācīt redzēt pludiņu. Mēs izmantojam skaidru rekvizītu, kas atspējo iesaiņošanu no visām pusēm (vai no izvēlētajām). Tas ir, elements ar skaidru nokritīs zem elementa ar pludiņu.
