Tipps zum Umgang mit Div-Inhaltsüberlauf_CSS/HTML

Tipps zum Umgang mit Div-Inhaltsüberlauf_CSS/HTML

Ich bin vor ein paar Tagen auf ein Problem gestoßen, der Code befindet sich auf dieser Ebene:

Der Code ist wie folgt folgt:

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

Ich lege den Rand von p fest

Wenn Sie möchten, dass der Inhalt von ul innerhalb des Rahmens liegt,

muss die Höhe festlegen von p.

Der Inhalt in ul ändert sich jedoch, wenn der Inhalt klein ist, wird er nicht so hoch sein wie p.

Wenn die Höhe nicht festgelegt ist, erscheint der Inhalt von ul außerhalb des Rahmens.

Es stellt sich heraus, dass Sie die Grenze der Straße festlegen müssen. Denken Sie darüber nach und stellen Sie zuerst die Elemente ein, die ihm am nächsten sind.

Für Kollegen, die im Frontend nicht sehr professionell sind, ist es besser, eine Regel zum Schreiben von CSS-Stylesheets zu haben:

Geben Sie den CSS-Stil so an, dass er hierarchisch ist: wie in Definieren Sie im obigen Beispiel den Stil von li .province ul li{...}

Es gibt eine allgemeine Reihenfolge für Schreibstile: Containergröße (Breite, Höhe ...), Containerposition (links, Rand...) ....), Containertext (Farbe...), andere

, um Probleme wie das Überschreiben von Stilen so weit wie möglich zu vermeiden.

Im Folgenden finden Sie einige Tipps zum Umgang mit Div-Content-Overflow_CSS/HTML-Inhalten. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn).