我怎样才能过渡高度:0; 高度:自动; 用CSS？

要实现过渡高度为0并使用CSS，可以使用CSS的transition属性和height属性来实现。

首先，需要给元素添加一个过渡效果，可以使用transition属性来设置过渡的属性和时间。在这个问题中，我们需要设置height属性的过渡效果，可以将transition属性设置为"height 0.3s"，表示在0.3秒内过渡到目标状态。

然后，需要设置元素的初始高度为0，可以使用height属性将元素的高度设置为0。

最后，当需要过渡到高度为自动时，可以使用JavaScript来动态地获取元素的内容高度，并将其设置为元素的高度。这可以通过以下步骤实现：

1. 使用JavaScript获取元素的内容高度，可以使用offsetHeight属性来获取元素的高度。
2. 将获取到的高度值赋给元素的height属性，这样元素的高度就会自动调整为内容的高度。

以下是一个示例代码：

HTML:

<div id="element">内容</div>
<button onclick="transitionHeight()">过渡高度</button>

CSS:

#element {
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
}

JavaScript:

function transitionHeight() {
  var element = document.getElementById("element");
  var contentHeight = element.offsetHeight;
  element.style.height = contentHeight + "px";
}

这样，当点击按钮时，元素的高度会过渡到内容的高度。

请注意，以上代码只是一个示例，实际应用中可能需要根据具体情况进行适当的调整和优化。