Rumah > hujung hadapan web > html tutorial > CSS+DIV:父DIV相对定位+子DIV绝对定位_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:27:40
asal
932 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

效果:

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