如何繼承寬度爲一個孩子的孩子

Question

我有3個標籤：第一主div，二是figure並且裏面有一個figcaption，像這樣：

<div class="main-div"> 
    <figure> 
    <figcation> 
    </figcaption> 
    </figure> 
</div> 

我分配的主要div爲整個文檔寬度的80%。然後，我將figure設置爲其父項的100%，因此它完全包含在主要div的周圍。

之後，我給figcation的absolute的位置，我希望它有主div像figure的寬度100%，因爲它的寬度正好運行作爲裏面的內容結束。

那麼如何將figcaption的寬度分配爲主要的div的全寬？

我試過繼承，但不起作用。另外，我無法獲得figure以外的figcaption標記，因爲從語義上講，這是錯誤的。

Answer 1

我想你在figcaption的父元素div或figure的一人失蹤position: relative：

figure { 
    position: relative; 
} 

figcaption { 
    position: absolute; 
} 

如果使用position: absolute;的top|right|bottom|left值以及width和height值百分比一樣在計算關係最近的父母沒有職位static。所以它是相對於位置relative|absolute|fixed或最後是html元素的最接近的元素。

演示

Try before buy

Answer 2

給位置：相對。

位置絕對需要容器「定位」。