在CSS中,将容器大小设置为X px,如果child小于X px,则将容器大小减小为子大小

时间:2016-10-26 18:48:53

标签: javascript html css

我有一个元素的容器。我想为容纳元素的容器设置最大高度,但如果元素没有填满整个大小,则让容器减小其高度。是否可以通过CSS实现?

2 个答案:

答案 0 :(得分:0)

也许使用height: auto。请显示您的CSS和HTML :)

答案 1 :(得分:0)

是的,这是可能的。您只需要在父级上指定最小高度。

.parent-container {
  width: 100%;
  min-height: 6em;
}
p.child {
  // some code here
}

如果您的p html元素中没有足够的文本来填充6em以上,则父级将折叠为6em。 N.B:如果你没有使用过ems,你可以使用像素或其他任何东西。