Wie kann ich zulassen, dass bestimmte Tags „overflow: versteckt' überschreiben?

Erlaube einem bestimmten Tag das Überschreiben von Overflow:hidden

Problem:
Sie haben ein div-Element mit einer festen Höhe, Breite und overflow:hidden-Eigenschaft zum Ausschneiden aller inneren Bilder. Sie benötigen jedoch ein Bild innerhalb des Div, um über seine Grenzen hinauszugehen.

Lösung:
Um dies zu erreichen, können Sie das überlaufende Bild als absolut in einem anderen übergeordneten Container positionieren hat eine relative Position.

<code class="css">/* parent with relative position */
.relative-wrap {
    position: relative;
}

/* container with overflow:hidden (no relative position) */
.overflow-wrap {
    overflow: hidden;
    height: 250px;
    width: 250px;
}

/* image to respect overflow */
.respect-overflow {
    position: relative;
    top: 75px;
    left: 225px;
    height: 50px;
    width: 50px;
}

/* image to overflow */
.no-overflow {
    position: absolute;
    top: 150px;
    left: 225px;
    height: 50px;
    width: 50px;
}</code>

In diesem Beispiel hat das Overflow-Wrap-Div overflow:hidden, während das innere Respect-Overflow-Bild die Grenzen respektiert. Das Bild ohne Überlauf wird jedoch absolut innerhalb des relativen Wrap-Divs positioniert, sodass es über den Overflow-Wrap hinausgehen kann.

Das obige ist der detaillierte Inhalt vonWie kann ich zulassen, dass bestimmte Tags „overflow: versteckt' überschreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!