Maison  >  Article  >  interface Web  >  Comment définir un certain bloc à corriger en CSS

Comment définir un certain bloc à corriger en CSS

藏色散人
藏色散人original
2021-03-22 15:45:412289parcourir

Comment définir un certain div à corriger avec CSS : créez d'abord un exemple de fichier HTML ; puis définissez un div dans le corps et enfin définissez le div à corriger via des attributs tels que "position : fixe ; ".

Comment définir un certain bloc à corriger en CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3

css contrôle un certain div pour être réparé

La façon la plus courante de le réparer est de le positionner.

Mais vous devez faire attention lors du positionnement :

① Si vous souhaitez le réparer quelque part sur l'écran, assurez-vous que l'élément parent de l'élément fixe est body

② correspond aux éléments fixes qui définissent la largeur et la hauteur.

Par exemple, ajoutez le code suivant à votre classe de pied de page :

<style type="text/css">
    .shopping_cart {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        background: #eee;
        z-index: 10;
    }
</style>

Si le haut est réparé

<style type="text/css">
  .editFrom {  ----div的选择器
    position: fixed; ----position样式
    left: 0; 
    top: 0; 
    width: 100%;
    height: 30%;  ---div占用位置的高度
    background: #eee;
    z-index: 10;--折叠级别
  }
</style>

[Apprentissage recommandé : Tutoriel vidéo CSS ]

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