Комбинацию CSS, названную «nегко очищающий метод.» (вниэу)

Мы м. Когда содержимого немного, элемент не очень высокий. Поскольку фоновое

Изображение или фоновый цвет заполняют только IUiавающий элемент, у вас моrут

Получиться окрашенные столбцы , которые не доходят до основания страницы, как

В обведенных кружком областях на рис. 12.10, внизу.

348 Глава 12. Разметка страницы на осноВ(! мавающих элемеtПОВ

lofem IP*-"' doiOf 1111. мwt. CQnМC.tft.uet: ~ ell t. мd

dМ! ~ ntlh fUISmOd ~t iЛ Lloofмt <tolot• m.tgna

'*"'am ~с ~q>~t.. Uc ""'• f!fWn ~ Фirwl\ vt:n..am. qutS

nostnкt t)WtJ UiUOf\ IA~tne011)er ~t 8oЬOttJS r8Sf ut ilqulp

• ех оа с~ ~t. DuiS ~t.т v~ eum nre. vou11 flnd

mote infonn•Ьon hoete.

L«tm 1psum cld« srt .amet. consкt~a.au ~ ellt. sed

~т nonummy nЬh et.I&IDOCI tilneloCЬ'!t ut ~eet OOIOt'e trl~

~ •~t ~t.. Ut wwt t!fWn oild nwwn venam. ~

nootiNcf 4((ef'CI QtiOI." ~ ~t kJЬortlll NtJ Ut ....

е;к еа commodo consequac. OVrl ~tom vet eum 111ute.

u:кem IJ)5tml dofor ~t ~~ consecteь.....- adiiplsи)O tit,.. se.d

<Nm nonummy niЬtl ~ oncldw'lt ut &actмt dolore m..aqu.

n erctt volutpi1L Ut ww ~ <1d rnnm ..........n, qu'$

nosЬ'Vd ~ tatкw'l ut.mtorper SU5aplt loOoa+tct tМ1 ut ~

•• м c0f1Wno60 conиqwc. Ouis .Ntem ~~ e\.m ...." ...

& RubЬer Duckies Needл 't Apply

LOI'etn lp5Vm dolor •t _,.!, conиcten.w ~ •t .. мd

cUm nonunwnv '*' tuasМod ~t ut ~et dolofe ~

~ ~t v<»Jq:..tt. ut Wi$i ..... lld"'""' ~. qiJIS.

nottiUO 8)'ttCJ QhOn ~МICorp.tl' IUS(фfC JoЬ«Iis nesl Ut ~

'f).. U CoмrnodO cante<~U~f. Oul$ ~ vtl'l ~ "*118

LotМI !pSUm dоЬ' SIL ..wr.. c:onмctetuer .adlpd<::II"'Q elit. Ud

cNnt f'IOI'UWnY r..ьh et.ISinOd ~t ut la«'Nt 6010tt ~

J~tqU&m lf.at vtNtp~t. Ut ._.. erwn ad""'""' v~. ~

мsttud •x.en:.• t.t~ ~Офеf' .U.Ciplt kOotor,..., ut ~

t1t 8)' commodo c~~t ~ aut.tm "" tu1n n"re.

& Cast-Iron No-Nos

L.oft!m .pam dolм s.t ~~ consectet\1« ~ Иt. Nd

dlгm nonunwny nЬh ~mod ~t ~t ~t ~ ~·

~ tt;1t YOivtPat. Ut "'~&~......." ~ ~t~nm ~. qi.A$

nostrud exen:::t t•ьon !Aamcotpef' s-.utc:ф~t loЬotOt М1 ut lliqulp

•к •• е:~ ~.at. eu. .:м..t41М .,., ...- .-.... You'l ~

more .,f«m.taon мr•.

& Watch tJJe \Vat.er Level

I.Otetl\ IPS'A'fl' dоЬ- Stt ;amet, C~4!C[~tuef' ~'"IQ .. t, sed

cNmnonummy niЬh ~ ~tut ~eet~~

а~ et~t YOiutpat. Ul ws erwn ~ ri8VJ' wtl.1tl1 • ...,.

nostrud uerc1 taьon ulamcofJ'« .uк!plt kiOorDt tiiSf tJt -..

e~t •~ commodo constquat. O...S auttm vfl eun -.nu-e.

u:.rem .,..n dotor Slt .ntt, conмc:te.tul!f a~II'IQ ~t. .S8d

(Qm tvJtUrltffll niЬf'l eiJIAIIOd tJncкlunt Ut ~OfHt dolof't: ~

Иqu4\fn ••t volutpaL Ut WtSt ~ 41<1 ,.._1 У@,..., q.a

nostrud exete1 uьon uЬmcOfPN SUSC:IIPtL ki<ЬOC"t»s nr$1 ut ~

•• еа COfМ'IOdo conиqu;at. OUis ~ut.,., v«f w.A ........

& RttbЬer Duckies N~ 't Appl)'

L«МI ap:;un dokw Stt ~~Мt, CotiSKt•t~.~~~r ~"'Q tll'* lt:d

~ r\IЬh f'I.JtttnOd O'ladunt Ut ~С' dolate thlgN

-~~ VOIYtp.tt. Ut М11 OI"Wtt ., 1'I'WWft; ~ qtli!S

tXtfQ tataon ~ tut~ 1oЬott,. n86l ut ~

uм~~t.OU.. ~«1\vt.J e.,.mnn.

lorem IP5U"' dolof tet .a.'fltt.. c.on..cc.tutr ~"'9 .Ь.t, мd

~ ntii'UМ\y ~ tuiCmOd ~t IJt ~t dolote ~

altquam: tlat volutpJ~ Ut o;rrt;.~ .-n .-cr nwwn ~ qu.s

nosttu<J extra uocn tiЬtnc:Ot'P'ft' RtSQPt ~ьs ..-щ aiqulp

t•U C:~~t. ~.8Utttfi"V4tt:U!'inur9.