Bagaimana untuk Membuat Tag Tertentu Abaikan Limpahan:tersembunyi dalam Div HTML?

Cara Membenarkan Teg Tertentu Mengatasi Limpahan:tersembunyi

Apabila bekerja dengan div HTML, menyatakan sifat limpahan tersembunyi boleh menghalang tertentu elemen daripada melimpahi sempadan div. Walau bagaimanapun, sesetengah kes mungkin memerlukan elemen tertentu untuk mengabaikan perkara ini dan menonjol di luar div.

Penyelesaian:

Kuncinya terletak pada mengekalkan kedudukan statik untuk limpahan:hidden elemen dan menetapkan kedudukan elemen limpahan berbanding dengan induk peringkat lebih tinggi, seperti yang digambarkan di bawah:

<div class="relative-wrap">
    <div class="overflow-wrap">
        <div class="respect-overflow"></div>
        <div class="no-overflow"></div>
    </div>
</div>

Penjelasan:

• Relatif . -wrap class with position: relative mendayakan penempatan elemen dalam berbanding dengan kedudukannya dalam DOM.
• Kelas .overflow-wrap mengekalkan overflow:hidden, bersama-sama dengan ketinggian dan lebar tertentu untuk menentukan sempadan kawasan.
• Kelas .respect-overflow, dengan kedudukan: relatif, mematuhi sempadan yang ditetapkan oleh induk .overflow-wrap.
• Kelas .no-overflow, dengan kedudukan: mutlak , tidak menghiraukan sempadan induk .overflow-wrap dan meletakkan dirinya berbanding dengan ibu bapa .relative-wrap.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Tag Tertentu Abaikan Limpahan:tersembunyi dalam Div HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!