为什么父母的最小身高不能阻止100%身高的孩子崩溃

穆罕默德·乌默尔

Jsfiddle: http : //jsfiddle.net/techsin/csfvb91u/6/

例如,采用如下布局:

<div class="cont">
    <div class="a"></div>
</div>

的CSS

.a {
    background-color: blue;
    height: 100%;


}
.cont {
    min-height: 300px;
    border:1px solid;
}

我希望div.a的大小为.cont,它的大小为300px,因为最小高度是这样设置的。但是,那不是我得到的。.a折叠,并且完全忽略高度100%,除非显式设置.cont。例如:高度300像素;没有分钟

为什么会有这种有缺陷的行为?我需要了解推理。以及如何克服它。

苏拉杰·拉瓦特

您必须使用min-height:在.a类中继承

.a {
  background-color: blue;
  min-height: inherit;
   }

关联

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

孩子的身高:100%;未取父母的全部身高,为什么?

来自分类Dev

弹性盒子的孩子的身高是父母的100%

来自分类Dev

使孩子的身高大于父母的身高

来自分类Dev

将孩子的身高设置为父母的身高

来自分类Dev

使用动态身高父母时如何阻止孩子修剪?

来自分类Dev

父母身高为自动时身高100%

来自分类Dev

父母div的身高比孩子高

来自分类Dev

父母div的身高比孩子高

来自分类Dev

如果父母和孩子的身高相同,为什么会有垂直滚动条?

来自分类Dev

设置相对于孩子身高的父母身高。

来自分类常见问题

孩子的边距不会影响父母的身高

来自分类Dev

父母身高不包含绝对定位的孩子

来自分类Dev

父母身高没有覆盖孩子的填充

来自分类Dev

匹配每个父母中孩子的身高

来自分类Dev

父母身高为自动时,身高为100%

来自分类Dev

身高:100%不给父母全高

来自分类Dev

如何根据父母父母扩大孩子的身高

来自分类Dev

CSS flexbox布局:身高100%的孩子?

来自分类Dev

DIV {高度:100%;继承祖父母的身高并溢出父母的身高

来自分类Dev

修改孩子身高后如何为父母身高自动设置动画

来自分类Dev

如何将孩子的“ div”身高扩大到父母的身高

来自分类Dev

Android工具栏:孩子与父母身高不匹配

来自分类Dev

绝对将孩子放在没有父母身高的地方

来自分类Dev

我怎样才能使孩子的div匹配父母的身高?

来自分类Dev

绝对将孩子放在没有父母身高的地方

来自分类Dev

Android工具栏:孩子与父母身高不匹配

来自分类Dev

如何在 UWP 中为孩子提供父母的身高

来自分类Dev

当孩子向左浮动时,父母的身高没有增长

来自分类Dev

无法获得孩子的身高

Related 相关文章

热门标签

归档