communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel CSS > Attributs CSS positionnement relatif, positionnement absolu, positionnement fixe

Attributs CSS positionnement relatif, positionnement absolu, positionnement fixe

不言

Libérer： 2018-05-03 14:49:43

original

2369 Les gens l'ont consulté

Cet article présente principalement le positionnement relatif, le positionnement absolu et le positionnement fixe des attributs CSS. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Positionnement

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

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：

css absolu

source：php.cn

Article précédent：Pure CSS réalise une mise en évidence progressive lorsque la souris y entre Article suivant：css pour obtenir des effets dynamiques de mouvement d'entrée et de sortie de la souris

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur