ความเรียบง่ายของ CSS อยู่ที่ความง่ายในการเรียนรู้ ส่วนความยากของ CSS อยู่ที่การหาวิธีแก้ปัญหาที่ดีกว่า ในโลกของ CSS ดูเหมือนจะไม่มีความสมบูรณ์แบบ ดังนั้น CSS ที่แนะนำตอนนี้จึงเป็นจุดต่ำสุดและเป็นเพียงโซลูชันที่สมบูรณ์แบบที่สุดในบรรดาโซลูชันที่ฉันเคยเห็นมา
ก่อนอื่นเรามาพูดถึงสาเหตุที่เราใช้โซลูชันเค้าโครงด้านล่างของ CSS นี้:
เมื่อทำเพจหากเนื้อหาเพจมีขนาดเล็กมากและไม่เพียงพอต่อพื้นที่หน้าต่างของหน้าจอเดียวตามรูปแบบปกติจะมีลักษณะดังภาพด้านล่าง (คือ ไม่พบเนื้อหาด้านล่าง) ที่ด้านล่างของหน้าต่างแต่กลับมีช่องว่างมากมาย
นี่เป็นเรื่องไม่น่าดูสำหรับนักออกแบบที่มองหาความไม่สมบูรณ์ มีวิธีแก้ไขปัญหาบางอย่างบนอินเทอร์เน็ต แต่เมื่อเปลี่ยนความสูงของหน้าต่าง BUG ด้านล่างและข้อความหลักจะทับซ้อนกัน แม้ว่าจะมีคนไม่มากที่อยากจะเปลี่ยนความสูงของหน้าต่าง แต่การออกแบบก็เกี่ยวกับความสมบูรณ์แบบ
นี่เป็นวิธีการที่ค่อนข้างสมบูรณ์แบบที่ฉันพบ ซึ่งสามารถทำได้โดยผู้เชี่ยวชาญด้านการออกแบบจากต่างประเทศโดยใช้ CSS ล้วนๆ: เมื่อเนื้อหาข้อความมีขนาดเล็ก ด้านล่างจะอยู่ที่ด้านล่างของหน้าต่าง จะไม่มีปัญหาการทับซ้อนกันเมื่อเปลี่ยนความสูงของหน้าต่าง
แม้แต่ผู้สร้าง CSS นี้ก็ยังตั้งค่าเว็บไซต์เพื่อแนะนำโซลูชันเค้าโครงด้านล่างของ CSS นี้ ไม่รู้ว่าเขายื่นจดสิทธิบัตรหรือเปล่า :)
รหัส HTML:
หมายเหตุ: ข้อกำหนดเบื้องต้นสำหรับการใช้เค้าโครงนี้คือส่วนท้ายจะต้องอยู่นอกคอนเทนเนอร์ div ทั่วไป ส่วนท้ายใช้เลเยอร์ และเนื้อหาอื่นๆ ทั้งหมดใช้เลเยอร์ทั่วไป หากคุณต้องการเพิ่มเลเยอร์พี่น้องอื่นๆ จริงๆ เลเยอร์พี่น้องนี้จะต้องใช้ตำแหน่ง:สัมบูรณ์สำหรับการวางตำแหน่งที่แน่นอน