Comment annuler une position en CSS

Comment annuler la position en CSS : créez d'abord un nouveau fichier html et utilisez la balise div pour créer un module ; puis définissez l'attribut de positionnement du div sur positionnement relatif et enfin créez un style avec un nom de classe de ; clearpos et définissez l'attribut position. Définissez-le simplement sur static.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3

Créez un nouveau fichier html, nommé test. html, pour expliquer comment effacer la position en CSS.

Dans le fichier test.html, utilisez la balise div pour créer un module et définir sa classe sur con, qui sert principalement à définir le style CSS via cette classe ci-dessous .

Dans le fichier test.html, créez un autre module div dans le div et définissez sa classe sur pos.

Dans la balise css, définissez le style du div avec le nom de la classe con, utilisez l'attribut width pour définir la largeur du div à 300px et utilisez la hauteur pour définir la hauteur du div sur 200 px. Utilisez l'attribut background pour définir la couleur d'arrière-plan du div sur rouge et définissez l'attribut position sur un positionnement relatif (relatif).

Dans la balise css, définissez le style du div avec le nom de la classe pos, utilisez l'attribut width pour définir la largeur du div à 100px et utilisez la hauteur Utilisez l'attribut background pour définir la couleur d'arrière-plan du div sur rose et définissez l'attribut position sur un positionnement absolu. En même temps, utilisez les attributs left et top pour définir le div. être à 30 px de la gauche et 10 px du haut.

Dans la balise css, créez un style avec un nom de classe clearpos et définissez l'attribut position sur static, c'est-à-dire effacez l'attribut de positionnement à chaque fois qu'un style avec. ce nom de classe est ajouté, le positionnement sera effacé. Ajoutez ce nom de classe au module dont le div est pos et effacez son positionnement.

Ouvrez le fichier test.html dans le navigateur pour voir l'effet.

Apprentissage recommandé : "Tutoriel vidéo HTML" "Tutoriel vidéo CSS"

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!