简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel CSS > le corps du texte

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

怪我咯
Libérer： 2017-06-22 10:20:07
original
3419 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：
css position
source：php.cn
Article précédent：Dans l'attribut de position CSS : comment utiliser le paramètre fixe Article suivant：Explication détaillée de la position de l'attribut de positionnement : relative et absolue
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
Derniers articles par auteur
Derniers numéros
Comment utiliseriez-vous la fonction map dans des composants stylisés pour traiter les données ? Je m'entraîne à utiliser la fonction map. J'ai créé un fichier json et je souhaite affiche...
Depuis 2024-03-30 18:06:00
0
1
378
Comment mettre du texte dans un graphique en anneau à l'aide de React-chartjs-2.js ? Comment mettre du texte dans un graphique en anneau à l'aide de React-chartjs-2.js et Type...
Depuis 2024-03-30 15:14:29
0
1
371
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！