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

时间:2010-12-21 22:10:03

标签: html css

当孩子有位置时,如何让子div除父div的宽度:绝对和一些填充?

这是一个例子。我希望孩子不要超过父母。

http://jsfiddle.net/usv9R/

2 个答案:

答案 0 :(得分:0)

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

如果您手动设置上/左/右/下,未明确设置宽度,它将扩展为父级。我已将此设置为12px以获取填充效果的所有内容

注意父项的position:relative;,否则孩子对父母的父母是绝对的,依此类推。

这有一个不幸的后果。其中一个,您可能已经知道,父母将不会扩展以适应孩子。

另外,我刚想到你可能想要孩子的填充物吗?你可以做得很好,但要预先警告,鉴于上述限制,父母不一定会包含太多垂直填充的孩子。

答案 1 :(得分:0)

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

像这样:http://jsfiddle.net/usv9R/10/