Css 使子对象填充父对象,而不会变得无响应

Css 使子对象填充父对象,而不会变得无响应,css,height,parent,parent-child,Css,Height,Parent,Parent Child,我正在尝试使我的标题框与我的图像大小相同,而不会丢失flex滑块的响应能力,有什么建议吗 Mads K我通过使其成为内联块并使用绝对定位来修复它。这样你就不需要再让它浮起来了。另外,我添加了边框框,这样你的填充不会使框太大。显示:内联块;边框框和边框框结合在一起,使得CSS在响应性设计中的定位更加容易 .flex-caption {position:absolute;display:inline-block;min-height:100%;width: 26%; padding: 2%; m

我正在尝试使我的标题框与我的图像大小相同,而不会丢失flex滑块的响应能力,有什么建议吗


Mads K

我通过使其成为内联块并使用绝对定位来修复它。这样你就不需要再让它浮起来了。另外,我添加了边框框,这样你的填充不会使框太大。显示:内联块;边框框和边框框结合在一起,使得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; }

这里有一个关于边框框的很好的小教程:

很好,谢谢!我从来没有想过内联块!这在IE8中看起来有点奇怪,这很奇怪,因为IE8支持根据链接调整盒子大小,但是嘿!这就是生活:当有人问我为什么在我现在发送给他们的旧版本IE中有些东西没有那么精致时: