Rumah > hujung hadapan web > html tutorial > CSS定位:相对定位、绝对定位和固定定位(relative absolute fixed)

CSS定位:相对定位、绝对定位和固定定位(relative absolute fixed)

WBOY
Lepaskan: 2016-08-18 08:57:58
asal
1484 orang telah melayarinya

相对定位:position:relative;

  不脱离文档流,参考自身静态位置通过top,bottom,left,right定位,并且可通过z-index进行层次分级。

绝对定位:position:absolute;

  脱离文档流,通过top,bottom,left,right定位,选取其最近的父级元素进行定位,当父级元素position为static时,absolute元素将以body坐标原点进行定位,可通过x-index层次分级。

固定定位:position:fixed;

  这里他所固定的对象是可视窗口而并非body,或父级元素,可通过z-index进行层次分级。

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