communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel CSS > Introduction détaillée à la position par défaut des balises enfants dans les balises parents CSS

Introduction détaillée à la position par défaut des balises enfants dans les balises parents CSS

高洛峰

Libérer： 2017-03-20 16:29:53

original

1603 Les gens l'ont consulté

Cet article partage une introduction détaillée à la position par défaut des balises enfants dans les balises parents CSS

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a{
width: 100px;
height: 100px;
background: red;
position: relative;
top: 40px;
left: 50px;
padding: 30px;
}
.b{
width: 50px;
height: 50px;
background: bisque;
position: absolute;
}
</style>
</head>
<body>
<p class="a">
<p class="b"></p>
</p>
</body>
</html>

Copier après la connexion

Si vous ne définissez pas haut et gauche pour la balise b. Ils auront une valeur par défaut.

haut et gauche seront positionnés en fonction de la largeur et de la hauteur.

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

source：php.cn

Article précédent：Introduction détaillée à la propriété de transformation CSS Transform Article suivant：Introduction aux nouvelles fonctionnalités et méthodes CSS3 pour dessiner des graphiques courants

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