Conseils pour gérer le débordement de contenu div_CSS/HTML

Conseils pour gérer le contenu div overflow_CSS/HTML

J'ai rencontré un problème il y a quelques jours, le code est à ce niveau :

Le code est le suivant :

<div class="province">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

J'ai défini la bordure de p.

Si vous souhaitez que le contenu de ul soit à l'intérieur de la bordure,

doit définir la hauteur de. p.

Cependant, le contenu de ul change Lorsque le contenu est petit, il ne sera pas aussi élevé que p.

Lorsque la hauteur n'est pas définie, le contenu de ul apparaît en dehors de la bordure.

Il s'avère que vous devez définir la frontière de ul. Pensez-y, définissez d'abord les éléments les plus proches de lui.

Pour les collègues peu professionnels en front-end, mieux vaut avoir une règle d'écriture des feuilles de style css :

Spécifier le style css pour qu'il soit hiérarchique : comme dans dans l'exemple ci-dessus, définissez le style de li .province ul li{...}

Il existe un ordre général pour les styles d'écriture : taille du conteneur (largeur, hauteur...), position du conteneur (gauche, marge...) ....), texte du conteneur (couleur...), autre

pour éviter autant que possible les problèmes tels que les remplacements de style.

Voici quelques conseils pour gérer le contenu div overflow_CSS/HTML Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !