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
Lepaskan: 2024-12-09 06:19:16
asal
441 orang telah melayarinya

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;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan