Kizuizi cha chini kabisa cha usawa wa mpangilio wa ukurasa mara nyingi huitwa "mguu". Ndani yake, kama katika vizuizi vingine vya ukurasa, vitu vya muundo vimewekwa, lakini tofauti na zingine, shida maalum mara nyingi huibuka na uwekaji wa block hii. Wameunganishwa na ukweli kwamba vivinjari tofauti vinaelewa viwango vya lugha ya CSS tofauti na inaweza kuwa ngumu sana kupata kiboreshaji kuwa chini kabisa ya dirisha la kivinjari. Chini ni nambari ya suluhisho la shida hii.
Muhimu
Ujuzi wa kimsingi wa CSS na HTML
Maagizo
Hatua ya 1
Katika mstari wa kwanza kabisa wa nambari ya chanzo ya ukurasa, weka rejeleo la maelezo ya mpito ya XHTML 1.0
Hatua ya 2
Weka vizuizi kuu vya muundo wa ukurasa ndani ya mwili wa hati (kati ya vitambulisho na vitambulisho). Kizuizi ambacho yaliyomo kuu yatawekwa lazima iwe na safu mbili za kiota. Kwa mfano, wacha ya nje iwe na kitambulisho OuterDiv, na ile ya ndani - InnerDiv:
Hapa ndipo maudhui kuu ya ukurasa yatakuwa.
Nyuma yao weka kizuizi cha miguu na kitambulisho, kwa mfano, FooterDiv:
Kijachini cha ukurasa.
Hatua ya 3
Weka sehemu ya kichwa cha nambari ya HTML (kati ya vitambulisho) kiunga cha faili ya nje na maelezo ya mitindo ya css:
@ kuagiza "footerStyle.css";
Hatua ya 4
Hifadhi msimbo kamili wa ukurasa mkuu kwenye faili iliyo na ugani wa html. Inaweza kuonekana kama hii:
Taabu ya miguu
@ kuagiza "footerStyle.css";
Hapa ndipo maudhui kuu ya ukurasa yatakuwa.
Kijachini cha ukurasa.
Hatua ya 5
Unda faili ya laini - faili wazi ya maandishi ambayo inapaswa kuokolewa na ugani wa css na jina ulilotaja kwenye nambari ya HTML (footerStyle.css). Andika kwa faili hii maelezo yafuatayo ya mtindo wa vizuizi vilivyotumika kwenye ukurasa:
* {margin: 0; padding: 0}
html, mwili {urefu: 100%;}
mwili {
msimamo: jamaa;
rangi: # 222222;
}
#Divuti ya nje {
margin: 0;
urefu wa min: 100%;
historia: #aaaaaa;
rangi: # 222222;
}
* html # OuterDiv {urefu: 100%;}
#Dereva wa Pikipiki {
msimamo: jamaa;
wazi: zote mbili;
margin-juu: -60px;
urefu: 60px;
upana: 100%;
rangi ya asili: gizaBlue;
andika-maandishi: katikati;
rangi: #eeeeff;
}
. InnerDiv {
upana: 100%;
kuelea: kushoto;
}
