wie die Breite für die für das Kind eines Kindes

Question

I 3-Tags erben div zu 80% der Breite des gesamten Dokuments sein. Dann habe ich die figure zu 100% von seinem Elternteil festgelegt, so dass es vollständig um die Haupt div wickelt.

Danach habe ich gab die figcation eine Position absolute und ich mag es 100% der Breite des Haupt div wie die figure haben, denn seine Breite läuft ebenso wie der Inhalt innerhalb endet.

Also, wie die Breite für figcaption auf die volle Breite der Haupt div zuweisen?

Ich versuchte erben, aber es funktioniert nicht. Auch kann ich nicht das figcaption Tag außerhalb der figure bekommen, weil semantisch, das wäre falsch.

Answer 1

Ich glaube, Sie position: relative auf einer der figcaption ‚s übergeordnete Elemente div oder figure sind vermisst:

figure { 
    position: relative; 
} 

figcaption { 
    position: absolute; 
} 

Wenn Sie position: absolute; die top|right|bottom|left Werte sowie width und height Werte wie Prozentsätze verwenden berechnet werden Beziehung zum nächsten Elternteil, der keine Position static hat. Es ist also relativ zum nächsten Element mit der Position relative|absolute|fixed oder zuletzt dem html -Element.

Demo

Try before buy

Answer 2

Geben Sie die Position: relativ.

Position absolut muss der Container "positioniert" werden.