使孩子的身高大于父母的身高
仙人掌
不知道我是否认为这是完全错误的方式，但是有些指导将不胜感激。我本质上是在尝试使子div大于其父div。
请查看图片以了解我要实现的目标
但是，容器元件上的高度会更小。我是否认为我应该将它们作为单独的元素来对，还是有更好的练习方法？
Praveen Kumar Purushothaman
您可以使用position并实现所需的功能。我想说，position负的组合可以解决问题margin：
.parent {background-color: #000; height: 100px;}
.parent .child {height: 200px; background-color: #ccc; width: 75%; margin: auto;}
.parent {margin-top: 100px;}
.parent .child {position: relative; top: -50%;}<div class="parent">
<div class="child"></div>
</div>预览：
如果您不知道内容的高度，则可以使用translate将其固定到中心：
.parent {background-color: #000; width: 75%; margin: auto;}
.parent .child {height: 200px; background-color: #fff; width: 75%; margin: auto;}
.parent {margin-top: 100px; position: relative; min-height: 100px;}
.parent .child {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
将孩子的身高设置为父母的身高
- 2
当他的身高大于鹦鹉身高时，通过保持比例缩放一个孩子（里面有图像）
- 3
父母div的身高比孩子高
- 4
父母div的身高比孩子高
- 5
孩子的身高：100％；未取父母的全部身高，为什么？
- 6
设置相对于孩子身高的父母身高。
- 7
孩子的边距不会影响父母的身高
- 8
父母身高不包含绝对定位的孩子
- 9
弹性盒子的孩子的身高是父母的100％
- 10
父母身高没有覆盖孩子的填充
- 11
匹配每个父母中孩子的身高
- 12
如何根据父母父母扩大孩子的身高
- 13
为什么父母的最小身高不能阻止100％身高的孩子崩溃
- 14
修改孩子身高后如何为父母身高自动设置动画
- 15
如何将孩子的“ div”身高扩大到父母的身高
- 16
Android工具栏：孩子与父母身高不匹配
- 17
绝对将孩子放在没有父母身高的地方
- 18
我怎样才能使孩子的div匹配父母的身高？
- 19
绝对将孩子放在没有父母身高的地方
- 20
使用动态身高父母时如何阻止孩子修剪？
- 21
Android工具栏：孩子与父母身高不匹配
- 22
如何在 UWP 中为孩子提供父母的身高
- 23
当孩子向左浮动时，父母的身高没有增长
- 24
父母身高为自动时身高100％
- 25
无法获得孩子的身高
- 26
Bootstrap 4 - 当父母身高比孩子长时，孩子会自动对齐中心（垂直）
- 27
我如何让父母身高增加？
- 28
如何正确计算孩子的身高
- 29
父母身高为自动时，身高为100％
我来说两句