讓孩子充滿家長，不會變得沒有反應

Question

我想讓我的字幕框與我的圖片大小相同，而不會失去彈性滑塊的響應能力，有什麼建議嗎？

http://jsfiddle.net/bmBnF/10/

的Madsķ

Answer 1

我通過使直列塊，並使用絕對定位固定它。這使得它不需要再把它浮起來了。另外，我添加了邊界框的東西，所以你的填充不會使框太大。 display:inline-block;和邊框一起使得CSS定位在響應式設計中更容易。

.flex-caption {position:absolute;display:inline-block;min-height:100%;width: 26%; padding: 2%; margin: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } 

有一個漂亮的小教程邊界框的位置：http://css-tricks.com/box-sizing/