Overflow CSS: menampilkan elemen konten

cascading style sheet yang mudah digunakan, jika Anda tidak pergi ke hutan warisan, alokasi prioritas struktur kelas, aspek teoritis dan pengalaman praktis.

Tujuan utama dari setiap properti di CSS - display, tetapi itu tidak berarti hanya "terlihat": tidak kalah penting desain "CSS Overflow tersembunyi".

elemen halaman

Halaman tidak hanya mengandung unsur-unsur, dapat terletak unsur elemen, apakah frame (dan dapat menjadi tidak hanya satu set komponen, tetapi situs yang berbeda sama sekali), atau dibuat objek sistem sendiri.

Tentu, sebagian besar pengembang situs berlatih tata letak karet, dipaksa untuk memperhitungkan dengan pertumbuhan volume informasi dan fakta bahwa penghalang 800 oleh 600 piksel - bukan penghalang untuk 640 KB, yang beberapa dekade mengatasi mentalitas pencipta MS DOS daripada mempersulit kehidupan programmer dan pengguna desktop pertama.

Bangunan situs awalnya semuanya lebih mudah: Halaman tidak muat pada layar, browser membuatnya gulir. Meskipun pengembang dapat menyediakan konten halaman output dalam jendela tanpa bergulir strip dan tidak ada sifat lainnya: konten halaman tidak akan keluar di luar jendela yang dialokasikan untuk itu. Ini wajar, di luar jendela ada aplikasi lain, dan jendela browser - tidak lebih baik dari jendela lain: sistem operasi selalu untuk aplikasi kesetaraan.

Namun, tidak peduli bagaimana mereka diprioritaskan dalam pemilihan pilihan tata letak, tidak peduli seberapa didistribusikan pengunjung tertarik resolusi layar yang optimal untuk melihat situs, saat ini ada berbagai layar yang tidak selalu berbentuk persegi panjang peluang ukuran tetap.

Dunia yang dinamis melalui Overflow CSS

Hal ini diasumsikan bahwa halaman situs - konten ini, tersebar di tag hypertext, yang menentukan bagaimana menampilkan dalam kasus tertentu, dalam kondisi tertentu.

Semuanya terus berubah. Bahkan jika situs tersebut sehingga isinya tidak dapat diubah selama bertahun-tahun, tidak ada jaminan bahwa pengunjung yang tak terduga tidak akan membukanya pada perangkat baru, yang pengembang website ini bahkan tidak tahu.

Pilihan properti di aturan Overflow CSS hanya menyediakan empat diperbolehkan untuk menyembunyikan apa pun yang melampaui wilayah dari elemen, display, menyediakan bergulir selalu atau hanya bila diperlukan, atau untuk mewarisi nilai dari nenek moyang.

Dalam kasus pertama (overflow: hidden), konten yang melampaui item akan disembunyikan, tapi itu menghilang, tidak akan tersedia. Posisi ini efektif, tetapi tidak kalah menarik adalah pilihan untuk menampilkan semua yang di luar (overflow: visible). Jadi pengembang menyediakan pengunjung dengan kesempatan untuk selalu menyadari unsur isi penuh dan kontrol volume. Lebih sedikit kesempatan memberikan gulir (overflow: scroll - scroll bar selalu ada, atau overflow: auto - scroll bar muncul bila diperlukan).

Fitur Overflow Syarat Penggunaan

", представляют особенный интерес, только когда они представляют собой текст. Elemen yang berada di dalam tag yang memiliki arti CSS "teks overflow", adalah kepentingan tertentu, hanya ketika mereka teks. Penempatan komponen lain, biasanya tetap dengan koordinat atau posisi relatif.

elemen teks tidak selalu mengandung sejumlah tetap karakter, dan jika Anda perlu menggunakan aturan overflow, CSS diinstruksikan untuk memantau pilihan perubahan yang tak terduga dalam volume konten.

Secara khusus, pada tahap debugging, Anda dapat menerapkan nilai properti atau auto scroll, dan kemudian mengunci layar dari segala sesuatu yang melampaui lapangan, memberikan pengunjung satu set kunci, yang akan memindahkan isi tak terlihat ke wilayah terlihat. Ini adalah praktek umum. Tidak semua orang terkesan dengan scroll bar, beberapa lebih suka empat tombol: top, maju, mundur, sampai akhir.

Selain itu, aturan meluap CSS di auto / gulir membawa nilai ketidakpastian menyenangkan elemen halaman: prioritas transfer browser gulir dari halaman ke elemen ketika itu adalah atas pointer mouse.

Ketika elemen adalah blok teks, tidak terlalu jelas dan tidak nyaman, tetapi jika seluruh lebar jendela untuk menempatkan slider (blok elemen-gambar), maka untuk mengatasi struktur seperti ini tidak selalu mungkin dengan mouse sering diperlukan untuk menggunakan "di awal" atau "tombol pada akhir halaman. "

prioritas gulir

Halaman Dialog dari situs dengan pengunjung adalah penting, serta desain, pengembangan, konten. Karena situs membuka browser dan melakukannya di jendela yang sama atau tab baru, Anda mungkin memenuhi syarat untuk bergulir harus halaman, dan tidak anggotanya. Yang terakhir mungkin tidak hanya menjadi banyak, tapi masing-masing memiliki fungsi sendiri-sendiri.

Situs ini selalu membawa arti khusus, bahkan jika itu berkaitan dengan bidang filsafat, mistisisme, atau konten yang tak terduga lainnya. Itulah mengapa selalu mungkin untuk menganggap beban tertentu pada elemen interaktif dari CSS aturan melimpah.

Secara khusus, jika elemen adalah pemilih untuk memilih tahun (tanggal), maka pemilih klasik tidak nyaman, karena akan memberikan scrollbar ketidaknyamanan yang jelas. Dengan menerapkan dalam hal ini overflow, CSS dapat digunakan secara efektif selain: bidang internal dalam elemen, pilih periode, memungkinkan pengunjung untuk dengan cepat dan mudah memilih tanggal yang dikehendaki, bulan, tahun.