1

我不知道如何将“.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" 下并且必须有 self 的占位符，因为如果文本太长，如果他有位置 abolute 将在文本之上

谢谢！

图片样本： ttp://i.stack.imgur.com/6WfUm.jpg

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

编辑： 我对 JSFIDDLE 的想法：http: //jsfiddle.net/RhShT/

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

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

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

1 回答 1

0

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

于 2012-07-07T20:34:23.247 回答