div怎么既设置最小高度还设置初始高度

您可以使用CSS的min-height属性来设置最小高度，而使用height属性则可以设置初始高度。例如：

div {
  min-height: 100px;
  height: 200px;
}

这样，如果内容过少，div元素的高度将会自动扩展到最小高度100px，如果内容过多，div元素的高度将会扩展到最大高度200px。希望这能够帮助到您。

相关问题

在vue中设置节点的最小高度，使用js

可以使用Vue的样式绑定来设置节点的最小高度。在模板中，可以这样写：

<div :style="{ minHeight: minHeight + 'px' }"></div>

这里的 `minHeight` 是一个 Vue 实例中的 data 属性，它表示节点的最小高度。在 JavaScript 中，可以这样设置它的值：

new Vue({
  el: '#app',
  data: {
    minHeight: 100 // 初始值为100像素
  }
})

这样就可以动态地设置节点的最小高度了。当 `minHeight` 的值发生改变时，节点的最小高度也会随之改变。

为什么div设置height后min-height不生效了

如果您在设置div元素的height属性后，发现min-height属性不再生效，那么很可能是因为设置的height属性已经超过了min-height属性的值，导致min-height属性失效。

请注意，如果您设置了height属性，那么div元素的高度将会被固定为该值，而不会根据内容自动调整高度。因此，如果您想要使用min-height属性确保div元素的最小高度，建议您不要再设置height属性。

如果您需要同时设置初始高度和最小高度，可以考虑使用height和min-height的关系，例如：

div {
  min-height: 100px;
  height: 200px;
  height: max-content;
}

这样设置后，div元素的高度将会被初始化为200px，但如果内容不足以填满这个高度，div元素的高度将会被自动调整为最小高度100px。而如果内容过多，div元素的高度将会自动扩展到适应内容。