Maison > interface Web > tutoriel CSS > A quoi sert l'attribut absolu dans l'attribut CSS position ?

A quoi sert l'attribut absolu dans l'attribut CSS position ?

怪我咯
Libérer: 2017-06-22 10:20:07
original
3455 Les gens l'ont consulté

Paramètres de

positionnement CSS : position, gauche, droite, haut, bas

Description du paramètre :
absolu Les paramètres sont utilisés pour spécifier la méthode de positionnement du bloc. Haut, bas, gauche et droite spécifient respectivement les coordonnées haut, bas, gauche et droite du bloc.
Description de la valeur du paramètre.

  • absolu :Positionnement absolu

  • fixe : positionnement fixe

  • relatif : positionnement relatif

  • statique : positionnement statique

Exemple de code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>示例网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.c1{
    width:200px;
    height:150px;
    line-height:75px;
    text-align:center;
    border:1px solid #909;
    position:absolute;
    top:50px;
    left:50px;
}
</style>
</head>
<body>
<div class="c1">
本方块宽200px,高150px,绝对定位于上边50px,左边50px
</div>
</body>
</html>
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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal