የጣቢያውን ፍርግርግ ዲዛይን እንመልከት እና የግለሰቦችን አካላት እናፈርሳለን ፡፡ ተንሳፋፊ ለምን በጣም ጠቃሚ እንደሆነ እና እንዲሁም የመጀመሪያውን የድር ፍርግርግ ከሶስት ጅረቶች እና ከጣቢያ ግርጌ ለመገንባት ታዋቂ የሆነውን ዘዴ እንመርምር ፡፡
የአንድ ጣቢያ ፍርግርግ ግንባታን ለማጥናት “ፍሰት” ምን እንደሆነ መገንዘብ ያስፈልግዎታል ፡፡ ፍሰት የጣቢያው ንጥረ ነገሮች ናቸው ፣ አንዱ ከሌላው ጋር ይቀመጣሉ። ለምሳሌ ፣ እነዚህ በነባሪ በአንዱ ወደ ሌላው የሚሄዱ ዲቪ አካላት ሊሆኑ ይችላሉ ፡፡ ነገር ግን ፍሰቱ እንደገና ሊስተካከል ይችላል ፣ እናም የማገጃ አባላቱ አቀማመጥ ሊለወጥ ይችላል።
ፍሰቱን ለመቆጣጠር ተንሳፋፊ ንብረቱን እንጠቀማለን ፣ ይህም እገዱን በግራ ወይም በቀኝ በኩል ሊያኖር ይችላል። በ CSS ፋይል ውስጥ ለመጻፍ በቂ ነው
"የክፍል ወይም የማገጃ ስም" {float: right / left; }
ተንሳፋፊ ብቸኛው መሰናክል በአንዱ ላይ አንዱን ብሎክ በሌላ ላይ “መደራረብ” መቻል ነው ፡፡
ከመጠን በላይ ላለመሮጥ ፣ ግልፅ እንጠቀማለን-ሁለቱም - ይህ ንብረት በእገዳው ዙሪያ ያለውን ፍሰት ያዘጋጃል ፡፡ እሴቱ በይዘቱ መጠን (ጽሑፍ ፣ ምስሎች) መሠረት እንዲፈጠር ስፋቱን እና ቁመቱን እንደ ከፍተኛ እና ዝቅ ብለን እናዘጋጃለን። ህዳግ - እንደ እገዳው ቦታ ላይ በመመርኮዝ የውጭ ህዳጎች በራስ-ሰር እንዲፈጠሩ እሴቱን በራስ-ሰር ያዘጋጁ።
ተንሳፋፊ ብሎኮችን በሁለት አቅጣጫዎች ማስቀመጥ ስለሚችል ጣቢያውን ወደ ጅረቶች - ግራ እና ቀኝ መከፋፈል የተለመደ ነው ፡፡ መርሃግብሩ ሁለት ጅረቶችን ብቻ የሚፈልግ ከሆነ ግራ እና ቀኝ ተንሳፋፊዎችን ትቶ ከሁለት በላይ ከሆነ ግን ህዳግን በመጠቀም ጠርዞችን ያስተካክላል ፡፡ ይህ እንዴት ይከሰታል
. አምድ 1 {ተንሳፋፊ: ግራ; ስፋት 65 ፒክስል; ደቂቃ-ቁመት 50 ፒክስል; ህዳግ-ቀኝ: 9 ፒክስል; // 9px ከመሃል ሳጥን}
2 ዥረት
.ክፍል 2 {ተንሳፋፊ: ግራ; // ወደ ግራ አግድ ፣ ግን ያለ “መደራረብ” ፣ የኅዳግ ስፋት ስለምንሠራበት: 80px; ደቂቃ-ቁመት 50 ፒክስል; }
3 ዥረት
.ክፍል 3 {ተንሳፋፊ ቀኝ; ስፋት 65 ፒክስል; ደቂቃ-ቁመት 50 ፒክስል; }
ከእግር በታች (. እግር) ጋር የሚደረግ ግንኙነት:
. እግረኛ {ግልጽ: ሁለቱም; // በሁለቱም በኩል መጠቅለል}
ሶስት ጅረቶችን ያቀፈ ተንሳፋፊን በመጠቀም ለጣቢያው ፍርግርግ ያደረግነው በዚህ መንገድ ነው ፡፡
