css中的height不定义就显示不出来

在CSS中，设置元素的高度是非常重要的，如果不设置元素的高度，会造成元素无法展示或者不完整的展示。了解CSS中的height属性对于网页开发者来说是非常必要的。

/* 以下代码可以设置元素的高度 */
div {
  height: 100px;
}

/* 以下代码不能设置元素的高度 */
div {
  height: auto;
} 

在上面的代码中，第一段代码能够正确地设置元素的高度，该元素的高度会是100像素。而第二段代码将CSS高度属性设置为“auto”，这意味着元素的高度将被浏览器自动计算。如果您的网页中包含需要设置高度的元素，那么这时就需要为它们设置具体的高度值。否则，页面可能不会按照您的预期进行布局。

当然，在某些情况下，设置“auto”高度属性可以非常有用。例如，对于文字块或类似的自适应元素，这种设置方式是最好的选择。但是，在一些需要固定高度的元素中，设置高度是必须要做的。

在实际开发中，当我们遇到页面元素无法正常展示时，可以使用Chrome浏览器的开发者工具来进行调试。使用Chrome浏览器F12进入开发者工具后，在显示界面的Elements面板中，可以通过点击具体元素查看其CSS属性。如果元素属性中没有设置height属性或设置为“auto”，那么您需要考虑为元素添加height属性，或者进行一些其他的样式调整来使元素正确地展示。