Interprétation détaillée du positionnement dans la mise en page

Ce qui suit est le positionnement de la mise en page que j'ai compilée pour vous. Les étudiants intéressés peuvent y jeter un œil.

Lors de l'utilisation de div+CSS pour la mise en page, le positionnement de position est compris comme suit :

1 Position (de l'élément actuel) : relative, qui ne se détache pas de. le flux de documents Mise en page, le décalage par rapport à sa propre position. Lorsque la position d'origine est vide, les éléments suivants ne seront pas remplis, c'est-à-dire que la position relative (ou l'ordre relatif) de l'élément actuel et des éléments suivants ne changera pas. . Je le comprends généralement comme suit : Quoi qu'il en soit, l'ordre de l'élément actuel et des éléments suivants ne changera pas.

2. Position (de l'élément actuel) : absolue, séparée de la mise en page du flux de documents. Lorsque la position d'origine est vide, elle sera remplie par les éléments suivants. La position de départ du positionnement est l'élément parent (. la position n'est pas statique) ou Body, c'est-à-dire que la position de l'élément actuel par rapport à l'élément parent ou au corps est fixe, mais les éléments suivants peuvent se déplacer devant l'élément actuel. Je le comprends généralement comme : l'ordre de l'élément actuel. L'élément et les éléments suivants peuvent changer.

3. Position (de l'élément actuel) : fixe, similaire à l'absolu, mais ne change pas la position lorsque la barre de défilement se déplace (par exemple, les publicités placées dans le coin inférieur droit de certaines pages Web, lorsque la barre de défilement est tirée vers le bas, la position de l'annonce est inchangée), lorsque le navigateur effectue un zoom arrière pour que cet élément ne soit pas visible, aucune barre de défilement n'apparaîtra sur la page.

4. Position (de l'élément actuel) : statique, valeur par défaut.

Ce qui précède est le positionnement de la mise en page que j'ai compilée pour vous. J'espère qu'elle vous sera utile à l'avenir.

Articles connexes :

Introduction détaillée aux techniques de mise en page CSS

Explication détaillée des points de connaissances de base CSS

jquery+CSS3 implémente la fonction de menu de navigation déroulant

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!