关于CSS的相对定位与绝对定位介绍

黄舟
Lepaskan: 2017-05-27 13:53:19
asal
1465 orang telah melayarinya

 1.一般如果我们不给元素设置position,则默认为static,此时是该元素是没有定位的,像left/right这些偏移属性都是没有效果的。

    2.position:relative (相对定位)

    若设置为相对定位,即可配置left/right这些偏移,相对于该元素原有位置进行偏移,并且,原有位置任占据着文档流的空间,偏移并不会挤开别的元素,所以如果发生重叠,可以通过z-index设置堆叠顺序。

    3.position:absolute(绝对定位)

    当一个元素设置为绝对定位的时候,在文档流中是不占据空间的,会上浮。与相对定位不同的是绝对定位会删除文档流中原有位置的空间,定位则是通过不为static的父元素来定位(若父元素为static,则则找父元素的父元素,往上级找)。

Atas ialah kandungan terperinci 关于CSS的相对定位与绝对定位介绍. 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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!