gpt4 book ai didi

css - 让 child 填满 parent ,而不会变得 react 迟钝

转载 作者:行者123 更新时间:2023-11-28 14:04:19 28 4
gpt4 key购买 nike

我正在尝试使我的标题框与我的图像大小相同,同时又不失去 flex-slider 的响应能力,有什么建议吗?

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

疯狂的K

最佳答案

我通过将其设为内联 block 并使用绝对定位来修复它。这样一来,您就不需要再将其正确 float 了。另外,我添加了边界框的东西,所以你的填充不会使框太大。 display:inline-block; 和 border-box 一起使响应式设计中的 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; }

这里有一个关于 border-box 的小教程:http://css-tricks.com/box-sizing/

关于css - 让 child 填满 parent ,而不会变得 react 迟钝,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10089144/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com