父级自适应自己高度且高度完全一致css

当父级元素没有设置高度时候,若display设置为block,inline-block时候偶尔会出现父级实际高度比子集高度要大,当display设置为inline-grid时,父级高度等于自己高度,但子元素高度超出父级并被隐藏掉,此时得父元素会向下撑出子元素被隐藏部分得高度区域,当display设置为grid等该属性对应得兼容性属性时,不会出现此现象。

(PS:以上得前提是父级元素属性为overflow:hidden,且设置了max-height;子集元素会被隐藏一部分)

posted @ 2018-04-20 11:53  jhycwnqry  阅读(750)  评论(0编辑  收藏  举报