Nifhmu l-Proprjetà Ċara CSS

Il-proprjetà CSS ċara kienet parti minn CSS minn CSS1. Tippermetti li tispeċifika liema elementi jista 'jżommu ħdejn l-element ikklerjat u fuq liema naħa (jiet). Il-proprjetà ċara għandha ħames valuri possibbli:

Kif tuża l-Proprjetà Ċara ċara

L-iktar mod komuni biex tintuża l-proprjetà ċara huwa wara li tkun użajt proprjetà ta 'float fuq element. Pereżempju:

Test ħdejn id-dehra tiegħi.

Test li huwa taħt l-immaġni tiegħi.

L-elementi kollha ma jħallux ċar: xejn; , allura jekk ma tridx elementi oħra li jżommu ħdejn xi ħaġa, trid tibdel l-istil ċar.

Meta tkun qed tikklerja s-sufruni, inti taqbel mal-wiċċ ċari tiegħek. Mela jekk inti żżomm l-element fuq ix-xellug, allura għandek ċara lejn ix-xellug. L-element ibbalanċjat tiegħek ser ikompli f'wiċċ l-ilma, iżda l-element ikklerjat u kollox wara li jidher hawn taħt fuq il-paġna web.

Jekk għandek elementi li huma f'wiċċ l-ilma kemm fuq il-lemin u lejn ix-xellug, tista 'tikklerja naħa waħda biss jew tista' tnehhija tnejn.

Bl-użu ċar f'Sezzjonijiet

L-iktar mod komuni li l-biċċa l-kbira tad-disinjaturi jużaw il-proprjetà ċara huma fit-tqassim tal-elementi tal-paġna . Inti jista 'jkollok immaġni f'wiċċ l-ilma ġewwa blokka ta' test u trid li l-paragrafu li jmiss jibda taħt l-immaġini, jew jista 'jkollok kolonna sħiħa ta' test li tixtieq tiżfa 'ħdejn mazz ieħor ta' test, b'xi test li jidher hawn taħt.

Hawn hu l-HTML għal tqassim f'din il-formola.

Għandha kontenitur wieħed div li żżomm ieħor li jkun imqiegħed fuq ix-xellug.



Div diviż qasir



Kontenuti ġewwa l-kontenitur div li se jkunu fuq il-lemin tad-div floated.

Dan jaħdem tajjeb, bl-iqsar div li jvarja fuq ix-xellug tal-bqija tal-kontenut tad-div prinċipali.

Tista 'ċara t-test ħdejn il-kaxxa mqiegħda f'wiċċ l-ilma billi sempliċement żżid tikketta fejn tixtieq li tibda bil-miktub taħt il-kaxxa varjata.

Iżda l-problema tiġi meta l-kaxxa varjata tkun itwal mill-kontenuti li jmiss lilha. Imbagħad, kif tistgħu taraw, il-kulur fl-isfond tal-kaxxa prinċipali ma jitmexx fil-qiegħ tal-kaxxa varjata.

B'xorti tajba, hemm mod faċli biex dan jiġi ffissat: il-proprjetà. Billi ssettja l-kaxxa ewlenija għall-overflow: auto; il-kulur ta 'l-isfond jibqa' ħdejn il-kaxxa mtawla iżjed fil-qiegħ nett, kif jidher f'dan l -eżempju .