css属性相对定位,绝对定位,固定定位-tutorial css-php.cn

Rumah

hujung hadapan web

tutorial css

css属性相对定位,绝对定位,固定定位

不言

May 03, 2018 pm 02:49 PM

cssmutlak

这篇文章主要介绍了关于css属性相对定位,绝对定位,固定定位，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

定位

1. 相对定位(position:relative)
    即相对于自己原先的位置定位,当盒子移动之后,原先的位置依然在存在
2. 绝对定位(position:absolute)
    默认是以body为基准定位,如果父级设置为相对定位之后,子元素的绝对定位就会以父级为起点.    定位之后能够设置框高
3.  固定定位(position:fixed)
    即相对于游览器定位,永远固定在用户的可视范围内
4. 定位方向冲突
    水平冲突(即left和right都设置),先执行left的设定
        垂直冲突,值执行top的设定.

Atas ialah kandungan terperinci css属性相对定位,绝对定位,固定定位. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan

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 Berkaitan

HTTPS mudah!Apr 11, 2025 am 11:51 AM

Saya ' telah bersalah secara terbuka merungut kerumitan HTTPS. Pada masa lalu, saya membeli sijil SSL dari vendor pihak ketiga dan menghadapi masalah

Panduan Atribut Data HTMLApr 11, 2025 am 11:50 AM

Semua yang anda ingin tahu mengenai atribut data dalam HTML, CSS, dan JavaScript.

Memahami kebolehubahan dalam JavaScriptApr 11, 2025 am 11:47 AM

Sekiranya anda tidak bekerja dengan kebolehubahan dalam JavaScript sebelum ini, anda mungkin mudah mengelirukan dengan memberikan pembolehubah kepada nilai baru, atau penugasan semula.

Input bentuk gaya tersuai dengan ciri CSS modenApr 11, 2025 am 11:45 AM

Ia mungkin sepenuhnya untuk membina kotak semak tersuai, butang radio, dan suis bertukar hari ini, sambil tetap semantik dan boleh diakses. Kami tidak memerlukan

Watak nota kakiApr 11, 2025 am 11:34 AM

Terdapat watak nombor superset khas yang kadang -kadang sesuai untuk nota kaki. Di sini mereka:

Cara membuat pemasa undur animasi dengan HTML, CSS dan JavaScriptApr 11, 2025 am 11:29 AM

Pernahkah anda memerlukan pemasa undur dalam projek? Untuk sesuatu seperti itu, mungkin semula jadi untuk mencapai plugin, tetapi sebenarnya lebih banyak lagi

Membekukan rentetan ejen penggunaApr 11, 2025 am 11:20 AM

Terdapat berita tentang krom pembekuan rentetan ejen pengguna mereka (dan semua pelayar utama lain berada di atas kapal). Ini bermakna mereka masih mempunyai ejen pengguna (ua)

Spektrum pelepasan versi penyemak imbasApr 11, 2025 am 11:15 AM

Apabila pelayar menaik taraf versi, ia ' s sedikit acara pemasaran, dan betul -betul demikian. Nampaknya untuk Firefox IT ' s kira -kira sebulan sekali, Chrome adalah ~ 6 minggu, dan

See all articles