将子div与动态高度和宽度的父div的底部对齐

Question

我不知道如何将“.buttons-box”移动到“.blog-item”的底部。我可以设置{position：relative;}为“.blog-item”和{position：absolute;底部：0;右：0}用于“.buttons-box”，但它没有解决我的问题，因为改变了我的宽度为“.buttons-box”，我需要他的宽度与“.content-box”一样，然后我可以' t将宽度设置为100％，因为从相对父级获取宽度，在本例中为“blog-item”。我无法为“div.buttons-box”设置像素的特定宽度，因为它是动态的“.content-box”和“。text”。它们具有根据图像的宽度，并且该图像在每个“博客项目”中可以具有不同的大小。

我需要什么：

• 将div“.buttons-box”移至“.blog-item”
的底部
• “。buttons-box”必须与“.content.box”
具有相同的宽度
• “。buttons-box”必须位于“.text”下，并且必须有占位符 自我，因为如果文字太长，如果他有位置 abolute将结束文本

谢谢！

图片示例： ttp：//i.stack.imgur.com/6WfUm.jpg

JSFIDDLE示例和演示： http://jsfiddle.net/yjdEk/

修改 我对JSFIDDLE的想法：http://jsfiddle.net/RhShT/

• 我为按钮框
创建了占位符“buttons-box-placeholder”
• 我为“.content-box”和postion绝对设置了相对位置 “.buttons盒”

我现在需要一些设置宽度和高度的脚本，但只能从他的parrents而不是全局，因为每一个.blog-item都可以是不同的：

• .buttons-box width = .content-box width
• .content-box heigh = .blog-item height

Answer 1

有一个名为“inherit”的CSS宽度属性值，它应该使子宽度等于父级。