“ግርጌ” ብዙውን ጊዜ የድረ-ገጽ አቀማመጥ ታችኛው-በጣም አግድ ነው። ይህንን ግርጌ ለማስቀመጥ በጣም የተለመደው ችግር የገጹ ሙላት ወይም የአሳሽ ዓይነት ምንም ይሁን ምን በመስኮቱ ታችኛው ክፍል ላይ ሁልጊዜ እንዲቀመጥ ማድረግ ነው ፡፡ ወደ አቀማመጥ አቀማመጥ ግዙፍ ሽግግር ከተደረገበት ጊዜ አንስቶ ለችግሩ በጣም ጥቂት መፍትሄዎች ነበሩ ፣ እና አንደኛው ከዚህ በታች ቀርቧል ፡፡
አስፈላጊ ነው
የ CSS እና የኤችቲኤምኤል መሠረታዊ እውቀት
መመሪያዎች
ደረጃ 1
እስቲ በጣም የተለመደውን የገፅ አቀማመጥ መርሃግብር እንደ መሠረት እንውሰድ - ሶስት ብሎኮች አንዱ ከሌላው በላይ ይቀመጣሉ ፡፡ የላይኛው (ራስጌ) ሁል ጊዜ በመስኮቱ የላይኛው ድንበር ፣ በታችኛው (ግርጌ) - ወደ ታችኛው ድንበር ፣ እና ዋናው (ሰውነት) ሁል ጊዜ በመካከላቸው ያለውን ቦታ ሁሉ መሞላት አለበት ፡፡ የምንጭ ኮዱ ከ XHTML 1.0 የሽግግር ዝርዝር ጋር አገናኝ መያዝ አለበት ፣ እና የቅጦች መግለጫ በውጭ CSS ፋይል ውስጥ መቀመጥ አለበት (በኦፔራ 9. XX ላይ ያሉ ችግሮችን ለማስወገድ)። የመዋቅሩ የኤችቲኤምኤል መግለጫ በዋናው ውስጥ መቀመጥ አለበት የገጹ አካል በርግጥ ከላይኛው ብሎክ ይጀምራል ፣ እሴቱ ያለው መለያ መለያ በሚቀመጥበት መለያ ውስጥ ለምሳሌ ዲቪሄድ
የራስጌ ማገጃ.
ዋናው ማገጃ ጥንድ የተጠለፉ ብሎኮችን የያዘ መሆን አለበት ፡፡ ውጫዊው የዲቪኦው መታወቂያ ይሰጠዋል ፣ እና የውስጠኛው - ዲኮኮንትንት
ዋና ይዘት.
የግርጌ እግር ወደ divFoot ተዘጋጅቷል
ገጽ ግርጌ።
ደረጃ 2
የገጹ የተሟላ የኤችቲኤምኤል ኮድ ይህንን መምሰል አለበት
ሶስት ብሎኮች
@import "style.css";
ይህ የራስጌ ማገጃ ነው።
ዋና ይዘት.
ይህ የገጹ ግርጌ ነው።
ደረጃ 3
የቅጥ መግለጫው የሚከተለው የአቀማመጥ ዘዴን ይተገበራል-የመሃል ማገጃ (divOut) ወደ 100% ቁመት ተቀናብሯል ፣ የላይኛው ብሎክ (divHead) ፍጹም አቀማመጥ ይኖረዋል ፣ እና ታችኛው - አንጻራዊ። በዋናው የይዘት ማገጃ (divContent) ውስጥ የገጹን ዋና ይዘት እንዳይደባለቅ ከላይ ከርዕሱ የማገጃ ቁመት ጋር እኩል የሆነ ነፃ ቦታ መኖር አለበት ፡፡ እና የታችኛው ማገጃ (ግርጌ) ከዚህ አግድመት ቁመት ጋር እኩል የሆነ አናት ላይ አሉታዊ ኅዳግ ሊኖረው ይገባል ፡፡ ይህ ከአሳሹ መስኮት በታችኛው ድንበር ከፍ ያደርገዋል። ይህ ዘዴ የሚከተለው ይዘት ያለው የ css ፋይልን በመጠቀም ሊተገበር ይችላል: * {margin: 0; መቅዘፊያ: 0}
html ፣ አካል {ቁመት: 100%;} አካል {
አቀማመጥ: ዘመድ;
ቀለም # 000;
}
# ውጣ {
ህዳግ: 0;
ደቂቃ-ቁመት 100%;
ዳራ # ኤፍኤፍኤፍ;
ቀለም # 000;
}
* html #divOut {ቁመት: 100%;}
# ዲቪ መሪ
አቀማመጥ: ፍጹም;
ግራ 0;
ከላይ 0;
ስፋት 100%;
ቁመት 80px;
ዳራ: # 2F5000;
መትረፍ: ተደብቋል;
ጽሑፍ-አሰልፍ: መሃል;
ቀለም # ኤፍኤፍኤፍ;
} # ዲቪፉት
አቀማመጥ: ዘመድ;
ግልጽ: ሁለቱም;
ህዳግ-ላይ -60px;
ቁመት 60px;
ስፋት 100%;
የጀርባ-ቀለም: # 2F5000;
ጽሑፍ-አሰልፍ: መሃል;
ቀለም # ኤፍኤፍኤፍ;
}
.divContent {
ስፋት 100%;
ተንሳፋፊ: ግራ;
መቅዘፊያ-አናት: 81px;
} በኤችቲኤምኤል ኮድ ውስጥ ላለ የቅጥ ሉህ የጠቀሱት ስም style.css ነው።
