简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Comment éviter que div soit coupé lors du redimensionnement ou de la fenêtre normale ?
P粉193307465
P粉193307465 2023-09-09 08:56:25
0
1
446

J'ai essayé des choses comme overflow:auto et margin-left, mais overflow:auto recadrera une partie du côté gauche du div, et lorsque la longueur du div augmente, margin-left ne fonctionnera pas, y a-t-il mieux Le choix. Comme le montre le code ci-dessous, vous ne pouvez pas voir le texte. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        
    </title>
</head>
<style>
    body{
        min-height: 100vh;
        display: flex;
        justify-content: center;
        margin: 0 ;
        align-items: center;
        flex-direction: column;
        overflow: auto;
    }
    h1{
        width: 2500px;
        min-height: 300px;
        background: pink;
        color: black;
    }

</style>
<body>
        <h1>This is h1</h1>
</body>
</html>

P粉193307465
P粉193307465

répondre à tous(1)
P粉388945432
P粉3889454322023-09-10 00:39:04 1 plancher

Le problème avec votre code est que vous centrez verticalement les éléments en flex.

Cela provoque le déplacement du div vers la gauche, hors des limites de la page. Puisqu'il n'y a aucun moyen de faire défiler en dehors de la bordure gauche de la page, cette partie du div devient inaccessible.

Vous pouvez résoudre ce problème en vous assurant que le conteneur flexible est suffisamment large. Ajoutez les lignes suivantes au style du corps : 

width: fit-content;
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles 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！