Kesederhanaan CSS terletak pada kemudahan mempelajarinya; kesulitan CSS terletak pada menemukan solusi yang lebih baik. Dalam dunia CSS, sepertinya tidak ada yang namanya kesempurnaan. Oleh karena itu, CSS yang diperkenalkan sekarang adalah yang paling bawah, dan ini hanyalah solusi paling sempurna di antara solusi yang pernah saya lihat sejauh ini.
Mari kita bahas dulu alasan kami menggunakan solusi tata letak bawah CSS ini:
Saat membuat halaman, jika isi halaman sangat kecil dan tidak cukup untuk memenuhi area jendela satu layar, maka menurut tata letak biasa akan terlihat seperti gambar di bawah ini (yaitu konten bagian bawah tidak terletak di bagian bawah jendela, tetapi menyisakan banyak ruang kosong.
Ini tidak sedap dipandang bagi seorang desainer yang mencari ketidaksempurnaan. Ada beberapa solusi di Internet, tetapi ketika mengubah ketinggian jendela, bagian bawah dan teks utama tumpang tindih BUG. Meskipun tidak banyak orang yang mau repot mengubah ketinggian jendela, desain adalah soal kesempurnaan.
Berikut adalah metode yang relatif sempurna yang saya temukan, yang dapat dicapai oleh pakar desain asing dengan menggunakan CSS murni: Jika konten teksnya kecil, bagian bawahnya ada di bagian bawah jendela. Tidak akan ada masalah yang tumpang tindih saat mengubah ketinggian jendela.
Bahkan orang yang membuat CSS ini menyiapkan situs web untuk memperkenalkan solusi tata letak bawah CSS ini. Saya tidak tahu apakah dia mengajukan paten :)
Kode HTML:
Catatan: Prasyarat untuk menggunakan tata letak ini adalah footer harus berada di luar wadah div umum. Footer menggunakan lapisan, dan semua konten lainnya menggunakan lapisan umum. Jika Anda benar-benar perlu menambahkan lapisan saudara lainnya, maka lapisan saudara ini harus menggunakan position:absolute untuk penentuan posisi absolut.