masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > teks badan

CSS+DIV：父DIV相对定位+子DIV绝对定位_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 12:27:40
asal
923 orang telah melayarinya

如何在一个div内将一个div进行绝对定位呢？很简单，把父div的position属性设为relative，子div的position属性设为absolute就可以了。。。

示例：

<html><body><div>xxxxx<div><div style="border:1px red solid;width:100%;height:50px;position:relative"><div style="border:1px red solid;width:20px;height:20px;position:absolute;right:0;top:0">x<div><div></body></html>
Salin selepas log masuk

效果：

Label berkaitan：
CSS+DIV：父DIV相对定位+子DIV绝对定位
sumber：php.cn
Artikel sebelumnya：div+css （重点回顾）_html/css_WEB-ITnose Artikel seterusnya：2.有利于SEO优化的DIV+CSS的命名规则小结_html/css_WEB-ITnose
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
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk menggunakan pemilih CSS untuk menyasarkan elemen div yang mengandungi atribut atau teg tertentu? Saya sedang mengusahakan sistem POS yang menjana laman web. Kebanyakan kod adalah propriet...
daripada 2024-04-03 22:25:59
0
1
277
Tajuk semula: meletakkan div di atas div lain melalui kedudukan Meletakkan div yang dikongsi seperti yang ditunjukkan dalam imej di atas adalah satu cabar...
daripada 2024-04-01 18:37:10
0
1
382
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan