Terima kasih Illia atas tanggapan cepat Anda
Ini membantu mengurangi dimensi gulir
Namun, saya perhatikan bahwa setelah mengurangi lebar gulir di sebelah kanan, semua batas sel di kolom terakhir terkelupas
Apakah ada cara kita dapat memiliki batas sel yang terus menerus ketika lebar/tinggi gulungan dikurangi?
Tangkapan layar terlampir untuk referensi
Halo. Saya mencoba mengedit CSS untuk kolom sebelah kanan di beranda (Berita & Pembaruan). Saya ingin memiliki ketinggian tetap dan memiliki bilah gulir
Saya menugaskan kolom kelas berikut. menggulir
CSS saya saat ini adalah
menggulir. fusion-column-wrapper {
tinggi. 700px;
luapan-y. menggulir;
}
Saya sudah mencoba menggunakan max-height (bukan tinggi) di kedua piksel dan vh
Saya menggunakan tema Avada – ketika saya menghubungi mereka untuk mendapatkan dukungan, mereka mengatakan bahwa mencapai ini akan melibatkan CSS khusus
Bantuan apa pun akan sangat dihargai
- Topik ini telah diubah 2 tahun, 9 bulan yang lalu oleh Steven Stern (sterndata) .
Halaman yang saya perlu bantuan. [masuk untuk melihat tautan]
Melihat 4 balasan - 1 sampai 4 (dari total 4)
Sukacita
(@dengan gembira)
Ini sebenarnya bukan pertanyaan WordPress, kecuali Anda tidak tahu di mana harus meletakkan CSS Anda (di Penyesuai> CSS tambahan atau dalam gaya tema anak Anda. berkas css)
Pastikan pemilih Anda cocok dengan HTML Anda
Pastikan CSS Anda berfungsi pada semua ukuran jendela. Melakukan ini, Anda menemukan bahwa height adalah untuk elemen (bukan konten elemen), dan overflow-y adalah untuk apa yang harus dilakukan ketika ada lebih banyak konten daripada yang dapat ditampung oleh ketinggian elemen. Beberapa jendela bahkan tidak setinggi 700px. max-height adalah untuk memastikan elemen yang menggunakan ketinggian dengan satuan seperti vh tidak melebihi berapa pun maks (sehingga harus digunakan bersama-sama)Thread Starter JBwebdes
(@jbwebdes)
Sukacita – terima kasih banyak atas apa yang Anda bagikan. Dalam pemeriksaan ganda, saya menemukan bahwa kelas tidak diterapkan ke kolom seperti yang saya kira. Kesalahan sederhana – perbaikan mudah. Saya menghargai bagaimana Anda menjelaskan properti kepada saya dan bagaimana mereka bekerja sama. Overflow-y bukan yang saya kenal jadi ini sangat membantu
Penasaran… apakah ada forum yang akan Anda rekomendasikan untuk pertanyaan HTML/CSS?
Sukacita
(@dengan gembira)
Ada banyak informasi di https. //stackoverflow. com/pertanyaan
Anda mungkin menemukan forum yang lebih bertarget tetapi saya belum melihat (ada begitu banyak)
Namun karena baik HTML maupun CSS bersifat deklaratif, seringkali yang terbaik adalah membaca Referensi saja. Google pertanyaan Anda dan Anda mungkin akan menemukan artikel tentang itu. Ada banyak di CSS di https. // trik-css. com/Thread Starter JBwebdes
(@jbwebdes)
Terima kasih untuk situs web ini, Joy. Saya pikir saya telah menggunakannya selama bertahun-tahun… ide bagus bagi saya untuk menandainya untuk referensi di masa mendatang. 🙂
Halo puisi kodeis,
coba seperti ini…
<!DOCTYPE HTML> <html lang="en"> <head> <!--<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self';script-src 'self'; style-src 'self'">--> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1"> <title>untitled document</title> <!--<link rel="stylesheet" href="screen.css" media="screen">--> <style media="screen"> body { background-color: #f0f0f0; font: 1em/150% verdana, arial, helvetica, sans-serif; } #box { max-width: 20em; height: 20em; padding: 1em; margin: auto; border: 0.062em solid #999; background-color: #fff; overflow: auto; direction: rtl; text-align: left; } </style> </head> <body> <div id="box"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet sem sed libero bibendum tempus faucibus quis mi. Nulla rhoncus vel ipsum in volutpat. Nam tortor nibh, posuere ac lorem ut, suscipit tincidunt leo. Duis interdum justo ac justo vehicula consequat. Curabitur et volutpat nibh. Phasellus rutrum lacus at dolor placerat feugiat. Morbi porta, sapien nec molestie molestie, odio magna vestibulum lorem, vitae feugiat est leo sit amet nunc. Curabitur ornare tempor turpis. In nibh sem, porta ac magna sed, pretium commodo odio. Sed porttitor augue velit, quis placerat diam sodales ac. Curabitur vitae porta ex. Praesent rutrum ex fringilla tellus tincidunt interdum. Proin molestie lectus consectetur purus aliquam porttitor. Fusce ac nisi ac magna scelerisque finibus a vitae sem. </p> </div> </body> </html>orang bodoh
Bagaimana cara membuat div yang dapat digulir dengan ketinggian tetap?
Jawab. Gunakan Properti CSS overflow-y .Bagaimana cara mendapatkan ketinggian gulir di CSS?
Untuk mendapatkan tinggi scroll bar, offsetHeight div dikurangi dari clientHeight div. .OffsetHeight = Tinggi elemen + Tinggi ScrollbarClientHeight = Tinggi suatu elemenTinggi scrollbar = offsetHeight – clientHeightBagaimana cara mengatur ketinggian luapan di CSS?
Properti overflow-x dan overflow-y menentukan apakah mengubah konten melimpah hanya secara horizontal atau vertikal (atau keduanya). overflow-x menentukan apa yang harus dilakukan dengan tepi kiri/kanan konten. overflow-y menentukan apa yang harus dilakukan dengan tepi atas/bawah konten.Bagaimana cara mengubah ukuran bilah gulir saya?
Klik dua kali/ketuk ScrollHeight . Jendela Edit String akan terbuka dengan nilai default -255. Itu adalah ukuran standar scrollbar yang Anda lihat di Windows. Untuk mengubah ketinggian Scrollbars sesuai keinginan Anda, masukkan nilai antara -120 (lebih kecil) hingga -1500 (lebih besar) untuk ukuran yang Anda inginkan, dan klik/ketuk OK.