Mengapakah `float: right` dan `position: absolute` Menyebabkan Div Muncul di sebelah Kiri?

Isu: Terapung: Kanan dan Kedudukan: Mutlak Tidak Bekerjasama

Dalam percubaan untuk mencipta div yang berada di tepi kanannya ibu bapa, anda menggunakan float:right, yang mencapai kesan yang diingini. Walau bagaimanapun, anda juga mahukan sisipan div tidak mengganggu kandungan sedia ada, membawa anda menambah position:absolute. Tanpa diduga, gabungan ini menyebabkan div muncul di sebelah kiri induknya, menafikan sifat float:right. Untuk menyelesaikan isu ini, kami meneroka kemungkinan penyelesaian.

Penyelesaian

Untuk mencapai tingkah laku yang anda inginkan, pertimbangkan untuk menggunakan position:absolute bersama-sama dengan right:0. Ini menghapuskan keperluan untuk float:right apabila menggunakan kedudukan mutlak.

<code class="css">position: absolute;
right: 0;</code>

Selain itu, pastikan elemen induk mempunyai position:relative; ditetapkan untuk membolehkan kedudukan mutlak div kanak-kanak.

Atas ialah kandungan terperinci Mengapakah `float: right` dan `position: absolute` Menyebabkan Div Muncul di sebelah Kiri?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!