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

Question

我不知道如何将“.buttons-box”移动到“.blog-item”的底部。我可以为“.blog-item”和 {position: absolute;} 设置 {position: relative;}底部：0；右：0} 为“.buttons-box”，但它不能解决我的问题，因为改变我的宽度为“.buttons-box”，我需要他的宽度与“.content-box”完全一样，然后我可以' t 将宽度设置为 100%，因为从相对父级获取宽度，在这种情况下是“博客项目”。我无法为“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/

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

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

• .buttons-box 宽度 = .content-box 宽度
• .content-box 高度 = .blog-item 高度

Answer 1

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