동적 div 및 너비로 부모 div의 아래쪽에 자식 div 정렬

Question

".buttons-box"를 ".blog-item"의 아래쪽으로 이동하는 방법을 모르겠습니다. 나는 ". blog-item"과 {position : 절대; 하단 : 0; right. 0} ".buttons-box"에 대해 ".buttons-box"에 대한 너비를 변경하고 ".content-box"와 똑같은 너비가 필요하므로 내 문제를 해결하지 못합니다. 너비를 100 %로 설정합니다. 상대 부모로부터 너비를 취하기 때문에,이 경우에는 "blog-item"입니다. 동적 인 ".content-box"및 ".text"이기 때문에 "div.buttons-box"의 픽셀 단위로 특정 너비를 설정할 수 없습니다. 그들은 이미지에 따라 너비가 있으며이 이미지는 모든 "블로그 항목"마다 서로 다른 크기를 가질 수 있습니다.

은 내가 필요한 것 :

• 이동 DIV ".blog 항목"의 하단에 ".buttons 박스는"
• 는 ".buttons 박스"는 ".content와 동일한 폭을 가지고 있어야합니다 .box "
• ".buttons-상자는 .text "아래에 있어야합니다" "와 텍스트가 너무 오래 될 경우 때문에, 자기를위한 자리가 있어야하며, 그 위치가 있다면 abolute는 텍스트 위로가 될 것입니다

감사합니다.

이미지 샘플 : TTP : //i.stack.imgur.com/6WfUm.jpg

JSFIDDLE 샘플 및 데모 :http://jsfiddle.net/yjdEk/

편집 : JSFIDDLE에 대한 내 생각 : http://jsfiddle.net/RhShT/

• button-bo에 대한 자리 표시 자 "buttons-box-placeholder" X
• 나는하지만 글로벌되지 그의 parrents에서 현재 설정 폭과 높이에 대한 몇 가지 스크립트를 필요 ".buttons 박스"에 대한 ".content 박스"및 절대 위치보다

에 대한 위치를 설정 모든 단일 .blog 항목 렸기 때문에 상이 할 수

• .buttons 박스 폭 = .content 박스 폭
• .content 박스 어이 = .blog 항목 높이

Answer 1

"상속"이라고하는 CSS 너비 속성 값이 있습니다.이 값은 자녀의 너비를 부모와 동일하게 만들어야합니다.