我在父元素中有两个子元素:
< div id =“registration”> < div id =“left-panel”>< / div> < div id =“right-panel”>< / div> < / DIV>造型:
#…
flex或者没什么特别之处 l 在这方面。
l
的 min-height 强> 只是设置 的 最低限度 强> 元素的高度 - 它仍然允许在内容的高度上扩展将超过元素的高度,但从不收缩到指定值以下:
min-height
该 min-height CSS属性设置元素的最小高度。它会阻止使用的值 height 属性从小于指定的值 min-height 。
height
反过来, 的 height 强> 是一个 的 固定 强> 元素所在的高度 的 不 强> 允许扩展,如果内容多于元素可容纳的内容,内容将被简单地切断:
该 height CSS属性指定元素的高度。默认情况下,该属性定义内容区域的高度。
如果 的 没有 强> height 指定,默认值 height: auto 使用,它根据内容的高度为元素提供灵活的高度。元素只会达到容纳内容所需的高度,并且会无限扩展以包含它。
height: auto