html - 当 child 的位置为:absolute and some padding时，如何使 child 的div成为父div的宽度

Question

当 child 有 position:absolute 和一些 padding 时，如何让 child div 的宽度与父 div 相同？

这是例子。我希望 child 不要超过 parent 。

http://jsfiddle.net/usv9R/

Answer 1

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

如果您手动设置上/左/右/下，而没有明确设置宽度，它将扩展到父级。我已将其设置为 12px 以提供填充效果

注意父级上的position:relative;，否则子级对父级的父级是绝对的等等。

这有一个不幸的后果。第一，您可能已经知道，父级不会扩展以适应子级。

此外，我刚刚想到您可能想要 child 身上的填充物？您可以做到这一点，但请注意，鉴于上述限制， parent 不一定会用太多的垂直填充来包围 child 。