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 ?

怪我咯
怪我咯original
2017-06-22 10:20:073442parcourir

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>

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!

Déclaration:
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