Kedudukan mutlak dan limpahan bersembunyi
P粉451614834
P粉451614834 2023-08-21 19:30:21
0
2
392
<p>Kami mempunyai dua DIV, satu bersarang di dalam satu lagi. Jika DIV luar tidak ditetapkan untuk diposisikan secara mutlak, maka DIV dalam yang diposisikan secara mutlak tidak akan menghormati persembunyian limpahan DIV luar. </p> <p><br /></p> <pre class="brush:css;toolbar:false;">#first { lebar: 200px; ketinggian: 200px; warna latar belakang: hijau; limpahan: tersembunyi; } #second { lebar: 50px; ketinggian: 50px; warna latar belakang: merah; jawatan: mutlak; kiri: 250px; atas: 250px; }</pre> <pre class="brush:html;toolbar:false;"><div id="first"> <div id="second"></div> <div id="third"></div> </div></pre> <p><br /></p> <p>Adakah terdapat cara untuk menjadikan DIV dalam mengikut persembunyian limpahan DIV luar tanpa menetapkan DIV luar untuk diposisikan secara mutlak (kerana ini akan memecahkan reka letak keseluruhan kami)? Selain itu, kedudukan relatif bukan pilihan untuk DIV dalaman kita kerana kita perlu "menyerlahkan" jadual TD. </p> <p><br /></p> <pre class="brush:css;toolbar:false;">#first { lebar: 200px; ketinggian: 200px; warna latar belakang: hijau; } #second { lebar: 50px; ketinggian: 400px; warna latar belakang: merah; kedudukan: relatif; kiri: 0px; atas: 0px; }</pre> <pre class="brush:html;toolbar:false;"><table id="first"> <tr> <td> <div id="second"></div> </td> </tr> </table></pre> <p><br /></p> <p>Adakah terdapat sebarang pilihan lain? </p>
P粉451614834
P粉451614834

membalas semua(2)
P粉715304239

Bagaimana pula dengan penggunaan div luaranposition: relative? Dalam contoh menyembunyikan div dalam. Memandangkan bahagian atas atau kiri tidak dinyatakan, ia tidak akan bergerak dalam reka letak.

P粉792026467

Tukar luaran <div> 设置为 position: relative,将内部的 <div> 设置为 position: absolute. Ini sepatutnya berfungsi untuk anda.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!