Ich möchte eine Bildunterschrift mit einem Bild versehen. Ich habe es geschafft, aber das Bild expandiert aus dem Elternteil div .
Ich habe das enthaltende div auf inline-block gesetzt, da ich es auf 'automatische Größe' setzen möchte, nicht width: 100% . Wenn Sie sich die aktuelle Ausgabe ansehen, sehen Sie, dass sich das Bild innerhalb der schwarz umrandeten Box befindet.
Es muss nur in Chrome funktionieren, wenn Probleme mit dem Browser auftreten.
Vielen Dank im Voraus!
CSS:
%Vor%HTML:
%Vor% Das Element #body_image tritt aus #body_image_container aus, weil position auf absolute festgelegt ist. Absolut positionierte Elemente werden aus dem Dokumentfluss entfernt, sodass die übergeordneten Elemente zusammenfallen, als wäre das untergeordnete Element nicht vorhanden. Wenn Sie es in relative ändern, wird es in der Blackbox enthalten:
Sieh dir diese Geige an. Sie müssen die Position des untergeordneten Elements des Bildes als absolut und das übergeordnete Element als relativ festlegen. Ändern Sie die Breite der Beschriftung entsprechend.
%Vor%