Bagaimanakah Saya Boleh Membuat DIV Dalaman yang Berkedudukan Benar Menghormati Limpahan Induknya: Harta Tersembunyi?

Kedudukan Mutlak lwn. Limpahan Tersembunyi

Dilema:

Kami mempunyai dua DIV bersarang: DIV luar dengan limpahan: tersembunyi dan DIV dalaman diletakkan secara mutlak. Secara lalai, DIV dalam tidak akan mematuhi gelagat limpahan DIV luar. Bagaimanakah kita boleh mengekalkan tingkah laku ini tanpa mengubah kedudukan DIV luar kepada mutlak, yang akan mengganggu reka letak kita?

Penyelesaian:

Untuk memastikan DIV dalam menghormati DIV luar sifat limpahan:

1. Tukar kedudukan DIV luar kepada relatif.
2. Kekalkan kedudukan mutlak DIV dalaman.

Contoh:

#outer {
  width: 200px;
  height: 200px;
  background-color: green;
  overflow: hidden;
  position: relative;  // Make outer DIV relative
}

#inner {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;  // Keep inner DIV absolute
  left: 250px;
  top: 250px;
}

Nota Tambahan:

• Menggunakan kedudukan: relatif untuk DIV luar tidak tidak menjejaskan paparan atau reka letaknya.
• DIV dalam mesti kekal pada kedudukan: mutlak untuk "melarikan diri" daripada sempadan DIV luar sambil tetap menghormati kelakuan limpahannya.
• Untuk kes tertentu yang mempunyai DIV dalam yang tumbuh daripada sel jadual, penyelesaiannya tetap sama. Dengan meletakkan sel jadual luar kepada relatif dan DIV dalam kepada mutlak, anda mencapai kesan yang diingini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat DIV Dalaman yang Berkedudukan Benar Menghormati Limpahan Induknya: Harta Tersembunyi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!