Exemple:
2. Position : absolue Position absolue:1. Il n'y a pas de position: absolue (ou relatif) sur la couche externe; Ensuite, le div est positionné par rapport au navigateur, comme indiqué sur la figure ci-dessous (50 pixels de la bordure droite du navigateur et 20 pixels de la bordure inférieure).
2. La couche extérieure a une position: absolue (ou parent); Ensuite, le div est positionné par rapport à la bordure de la couche externe, comme indiqué sur la figure ci-dessous (50 pixels du bord droit de D et 20 pixels du bord inférieur de D).
Exemple:
3. Position : relative Position relative:Comme le montre la figure ci-dessous, il est fixe par rapport à une certaine position de la div qui contient cette div. Si la couche extérieure ne contient pas la sienne, elle sera fixe par rapport au navigateur.
Exemple:
4. superposition ( indice z ) La superposition dans la direction de l'axe z peut être comprise comme se divisant en une pile de papier, et plus le nombre de couches est élevé, plus le haut est élevé.Dans l'exemple ci-dessus, nous voyons que AA couvre A, car le niveau d'affichage du code ultérieur est plus élevé, alors comment une couverture AA sans modifier l'ordre du code. comme suit:
Exemple:
5. Float : à gauche , à droite À gauche et à droite , vous n'avez pas besoin de spécifier un emplacement ( gauche et haut ), mais il est directement relatif au navigateur. Si l'extérieur est enveloppé, le haut gauche ou le haut à droite de la position de la ligne supprimée par rapport à la div externe est affiché. Supplémentaire: 1. Débordement: caché; // se cacher au-delà de la pièce; Faites défiler, affichez la barre de défilement;<div> / div> // tronque le flux
2. Curseur: la forme de la souris du pointeur lorsqu'elle le pointe;
3. Effet translucide:
<div class = box> zone transparente <v>
Le code dans la feuille de style est:
.boîte
{
Opacité: 0,5; -moz-opacité: 0,5; Filtre: Alpha (opacité = 50)
}
Pour résumer l'exemple de pratique: une partie de la disposition du format du site Web de l'ADVA
Code html: CODE XML / HTML COPIE COPIRE DU PIRMOCHE