Mae'r eiddo CSS clir wedi bod yn rhan o CSS ers CSS1. Mae'n gadael i chi nodi pa elfennau sy'n gallu arnofio wrth ymyl yr elfen a gliriwyd ac ar ba ochr (au). Mae gan yr eiddo clir bum gwerthoedd posibl:
- dim
- chwith
- yn iawn
- y ddau
- etifeddu
Sut i ddefnyddio'r Eiddo clir CSS
Y ffordd fwyaf cyffredin o ddefnyddio'r eiddo clir yw ar ôl i chi ddefnyddio eiddo arnofio ar elfen. Er enghraifft:
Testun nesaf wrth fy nelwedd.
Testun sydd o dan fy llun.
Pob elfen ddiffygiol i glirio: dim; , felly os nad ydych am i elfennau eraill arnofio wrth ymyl rhywbeth, rhaid i chi newid yr arddull glir.
Pan fyddwch yn clirio fflôt, byddwch chi'n cyd-fynd â'ch clir i'ch arnofio. Felly, os ydych chi wedi llosgi'r elfen i'r chwith, yna dylech glirio i'r chwith. Bydd eich elfen flodeuog yn parhau i arnofio, ond bydd yr elfen a gliriwyd a phopeth ar ôl iddo ymddangos yn is na hynny ar y dudalen we.
Os oes gennych elfennau sydd wedi'u llwytho i'r dde a'r chwith, gallwch chi glirio dim ond un ochr neu gallwch chi glirio'r ddau.
Defnyddio'n glir mewn Cynlluniau
Y ffordd fwyaf cyffredin y mae'r rhan fwyaf o ddylunwyr yn defnyddio'r eiddo clir yw gosod elfennau tudalen . Efallai y bydd gennych ddelwedd sy'n symud o fewn bloc o destun ac eisiau i'r paragraff nesaf ddechrau'r ddelwedd, neu efallai y bydd gennych chi golofn gyfan o destun yr ydych am ei arnofio wrth ymyl criw arall o destun, gyda rhywfaint o destun yn ymddangos isod.
Dyma'r HTML ar gyfer cynllun yn y ffurflen hon.
Mae ganddi un cynhwysydd div yn dal un arall sydd wedi'i ffloo i'r chwith.
Div flot fer
Cynnwys y tu mewn i'r div cynhwysydd sydd ar y dde i'r div flodau.
Bydd hyn yn gweithio'n iawn, gyda'r adran fyrrach yn nofio ar ochr chwith gweddill cynnwys y prif ddosbarth.
Gallwch glirio'r testun nesaf at y blwch wedi'i flodeuo trwy ychwanegu tag lle rydych am iddo ddechrau ysgrifennu o dan y blwch wedi'i flodeuo.
Ond daw'r broblem pan fydd y bocs wedi'i flodeuo'n hirach na'r cynnwys nesaf iddo. Yna, fel y gwelwch, nid yw lliw cefndirol y prif flwch yn cael ei gludo i lawr i waelod y bocs wedi'i flodeuo.
Yn ffodus, mae ffordd hawdd i ddatrys hyn: yr eiddo. Trwy osod y prif flwch i or-lif: auto; bydd y lliw cefndir yn aros wrth ymyl y bocs sydd wedi'i flodeuo hirach i'r gwaelod, fel y dangosir yn yr enghraifft hon .