如何让子div的父div的宽度当孩子有位置：绝对和一些填充

Question

当孩子有位置时，如何让父div的宽度为div：绝对和一些填充？

下面是这个例子。我希望孩子不要超越父母。

http://jsfiddle.net/usv9R/

Answer 1

http://jsfiddle.net/usv9R/1/

如果手动设置顶部/左/右/底部，但没有明确设置宽度，将扩大到父。我已将此设置为12px，以提供填充效果的所有内容

请注意父项上的position:relative;，否则子项对于父项的父项将是绝对的，依此类推。

这有一个不幸的后果。其中之一，你可能已经知道，父母不会扩大到适合孩子。

此外，它刚刚发生在我身上，你可能想要孩子的填充而不是？你可以做到这一点，但应该预先警告，鉴于上述限制，父母不一定会包含垂直填充过多的孩子。

Answer 2

将position:relative添加到父级，以便孩子将它用于相对大小而不是页面。 然后将left:0px;right:0px;添加到孩子，并删除宽度，以便它自己计算它。

是这样的：http://jsfiddle.net/usv9R/10/