使用填充將子內部的孩子絕對定位

Question

我有一個載體元素（又名父級），其中包含另一個div作爲子項。 父項具有填充。

我需要使用absolute垂直定位孩子但是我注意到這會弄亂孩子的寬度，這應該是100％（填充父母的整個寬度，服從邊距）。

下面是一個例子codepen鏈路： http://codepen.io/anon/pen/yKzwb

P.S.我正在尋找一種以動態方式工作的解決方案，而不是手動設置每個可能的子內容的左值或右值。

我很確定有這個簡單的解決方案;會愛記 -

Answer 1

我不知道這是否是最好的解決辦法，但預期的結果是在這裏：由 http://codepen.io/anon/pen/wjgmh

變化：

left: 64px; 
right: 64px; 
width: auto; 

還需要考慮肖恩Jermey答案通過把父母的相對價值。

編輯：僅做一個「動態的方式」我提出這個CSS選擇器：

#parent > .child { 
//each generalize child behavior 
} 

Answer 2

如果我正確理解你的問題，你需要使用相對家長和變化填充保證金：

position: relative; 
margin: 64px; /* absolute is ignoring the padding attribrute */ 

例如：http://jsfiddle.net/o73pb7j4/

但是當你與其他的答案批評，多個孩子一個動態解決方案將難以實現得到控制而e使用絕對定位，因爲每個孩子將從父母的頂部絕對位置。如果這與您的問題無關，請詳細說明，因爲我誤解了您要查找的內容。

此鏈接可能是更多的幫助：

http://blog.vjeux.com/2012/css/css-absolute-position-taking-into-account-padding.html