የገጹን የግርጌ ክፍል (“ግርጌ”) በመስኮቱ ታችኛው ድንበር ላይ እንዲጣበቅ ለማድረግ - ይህ ምናልባት በጣቢያ ገጾች አቀማመጥ ውስጥ በጣም የተለመደ ችግር ነው ፡፡ በእርግጥ መፍትሄዎች አሉ ፣ እና በርካቶችም አሉ ፡፡ የይዘቱ መጠን እና የአሳሹ ዓይነት ምንም ይሁን ምን እግሩ ሁልጊዜ ከገጹ ግርጌ ጋር ተጭኖ መገኘቱን ለማረጋገጥ ከዚህ በታች አንዱ መንገድ ነው ፡፡
አስፈላጊ ነው
የ CSS እና የኤችቲኤምኤል መሠረታዊ እውቀት
መመሪያዎች
ደረጃ 1
እስቲ በጣም ከተለመዱት የአረማውያን እቅዶች መካከል አንዱን እንደ ምሳሌ እንውሰድ - ሰገነት (ራስጌ) ፣ ዋና ብሎክ እና ግርጌ ይኖረዋል ፡፡ በእርግጥ አስፈላጊ ከሆነ ብዙ ዓምዶችን በዋናው ማገጃ ውስጥ ማስቀመጥ ይችላሉ ፣ ግን እዚህ አናደርግም ፣ እግሩን ባለማቆም ላይ ብቻ እናተኩራለን።
በመለያዎቹ መካከል እና ከገጹ አርዕስት በተጨማሪ የኢኮዲንግ አመላካች እናደርጋለን ፣ እንዲሁም የቅጦች መግለጫ የያዘ የውጭ ሲ.ኤስ.ኤስ. ፋይል አገናኝ ፣ @import “styles.css”; የዘጠነኛው ስሪት ኦፔራ አሳሽ ላይ ውስብስብ ነገሮችን ለማስወገድ በቀጥታ በገጹ ኤችቲኤም-ኮድ ውስጥ የቅጦች መግለጫ። በመለያዎቹ መካከል እና የገጹን የማገጃ መዋቅር ያስቀምጡ። የመጀመሪያው በእርግጥ በርዕሱ ብሎክ ነው ፡፡ ለእዚህ ልዩ ማገጃ ቅጦችን ማዘጋጀት እንዲችል የራስጌ መለያ እንሰጠዋለን-
ይህ ራስጌ ሁልጊዜ በመስኮቱ አናት ላይ ነው ፡፡
ከዚያ - የገጹ ዋና ማገጃ ፡፡ እሱ ሁለት ጎጆዎችን ያጠቃልላል - ውጫዊ (ለ ident - ውጫዊ) እና ውስጣዊ (ለifier - የውጭ መጠቅለያ)
ይህ ዋናው ክፍል ነው ፡፡
እና በመጨረሻም ፣ ግርጌ
እሱ ግርጌ ነው - ሁልጊዜ በመስኮቱ ታችኛው ክፍል ላይ!
የተጠናቀቀው ገጽ ይህንን ይመስላል
በእግረኛ ላይ እንዴት እንደሚጫኑ
@import "styles.css";
ይህ ራስጌ ሁልጊዜ በመስኮቱ አናት ላይ ነው ፡፡
ይህ ዋናው ክፍል ነው ፡፡
እሱ ግርጌ ነው - ሁልጊዜ በመስኮቱ ታችኛው ክፍል ላይ!
ደረጃ 2
አሁን ወደ የቅጥ ሉህ ይዘቶች እንሸጋገር ፡፡ የሚከተሉትን መርሃግብሮች ይተገበራል-ዋናው ገጽ ማገጃ ወደ 100% ቁመት ይቀመጣል ፣ ርዕሱ በፍፁም ይቀመጣል ፣ እና እግሩ በአንፃራዊነት ይሆናል ፡፡ ርዕሱ የገጹን ዋና ይዘት እንዳይደራረብ ለመከላከል ይህ ዋና ይዘት በዋናው ሣጥን ውስጥ ባለው ተጨማሪ ሣጥን ውስጥ ይቀመጣል ፣ ይህ ተጨማሪ ሣጥን ከርዕሱ ሳጥን ቁመት ጋር በሚመሳሰል ወደ ከፍተኛ ኅዳግ ተቀናብሯል ፡፡ እና እግሩ ከፍታው ጋር እኩል የሆነ አሉታዊ የላይኛው ጠርዝ ተሰጥቶታል - በዚህ መንገድ ከመስኮቱ ታችኛው ጫፍ በላይ ወደ ሙሉ ቁመቱ ይነሳል ፡፡ የ css ፋይል ሙሉ ይዘት * {margin: 0; መቅዘፊያ: 0}
html ፣ አካል {ቁመት: 100%;} አካል {
ቀለም: ጥቁር;
አቀማመጥ: ዘመድ;
}
# ውጫዊ {
ደቂቃ-ቁመት 100%;
ህዳግ: 0;
ዳራ: ነጭ;
ቀለም: ጥቁር;
} * html # ውጫዊ {ቁመት: 100%;}
# ራስጌ {
አቀማመጥ: ፍጹም;
ከላይ 0;
ግራ 0;
ስፋት 100%;
ቁመት 70px;
ዳራ: # 304a00;
መትረፍ: ተደብቋል;
ቀለም: ነጭ;
ጽሑፍ-አሰልፍ: መሃል;
} # እግር {
አቀማመጥ: ዘመድ;
ህዳግ-ላይ -50 ፒክስል;
ግልጽ: ሁለቱም;
ስፋት 100%;
ቁመት 50 ፒክስል;
የጀርባ-ቀለም: # 304a00;
ቀለም: ነጭ;
ጽሑፍ-አሰልፍ: መሃል;
}
. የውጭ ሽፋን {
ተንሳፋፊ: ግራ;
ስፋት 100%;
መቅዘፊያ-አናት: 71px;
} ይህ ፋይል በገጹ ኤችቲኤምኤል-ኮድ ውስጥ በገለጽነው ስም መቀመጥ አለበት - styles.css.
