HTML：設置元素大小相對於父母的位置是絕對的

Question

有沒有辦法做到這一點？

如果我不喜歡這樣寫道：

<div id="container" style="width:500px;"> 
    <div id="content" style="position:absolute;width:100%;"> 
    </div> 
</div> 

那麼，內容DIV將代替500像素從父容器DIV的瀏覽器窗口的寬度。

Answer 1

總是給位置：相對到parent如果是child有的位置是：絕對的;。給的位置：相對到你的#container DIV。像這樣寫：

<div id="container" style="width:500px;position:relative"> 
    <div id="content" style="position:absolute;width:100%;"> 
    </div> 
</div> 

Answer 2

剛剛成立的#container的position到relative。 Check out this jsFiddle進行演示。