Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Meletakkan Div di Bahagian Bawah Bekasnya dengan Balutan Teks?

Bagaimana untuk Meletakkan Div di Bahagian Bawah Bekasnya dengan Balutan Teks?

DDD
DDDasal
2024-12-09 06:19:16442semak imbas

How to Position a Div at the Bottom of its Container with Text Wrap?

Letakkan Div di Bahagian Bawah Bekasnya dengan Pembalut Teks

Anda ingin meletakkan div di sudut kanan bawah div lain sambil mengekalkan tingkah laku pembalut teks lalai yang dikaitkan dengan unsur terapung. Walaupun mencari di web, anda tidak berjaya mencari penyelesaian menggunakan apungan.

Penyelesaian:

Daripada terapung, capai kedudukan yang diingini ini menggunakan kedudukan mutlak:

  1. Tetapkan kedudukan div induk kepada relatif.
  2. Tetapkan kedudukan div dalam kepada mutlak dan bawah kepada 0.

Contoh Kod:

.parent-div {
  position: relative;
}

.inner-div {
  position: absolute;
  bottom: 0;
}

Dengan pendekatan ini , div dalam akan diletakkan di bahagian bawah div induk, membenarkan teks membungkus div dalam sebagai dijangka.

Atas ialah kandungan terperinci Bagaimana untuk Meletakkan Div di Bahagian Bawah Bekasnya dengan Balutan Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn