Maison > interface Web > Questions et réponses frontales > Comment définir un certain bloc à corriger en CSS

Comment définir un certain bloc à corriger en CSS

藏色散人
Libérer: 2023-01-03 09:31:03
original
2352 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

[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!

Étiquettes associées:
css
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