是否可以仅使用 css 来调整 div 的大小，而无需如示例中给出的初始高度 220px（以获得响应式 div）。 如果我删除初始高度过渡停止工作，但 div 仍在调整大小。如何在去除 220px 高度条件的同时保持过渡。
现在我正在使用：
.resize{
height: 220px;
width:auto;
background: red;
transition: all 1.0s ease-in-out;
-moz-transition: all 1.0s ease-in-out;
-webkit-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
}
.resize:hover{
height: 340px;
}<div class="resize">
This is resizable div
</div>如果为其父元素定义了高度，则可以使用百分比高度来为容器提供相对高度。
例如：
<body>
<div class="foo">
This container will have a relative height
</div>
</body>
CSS：
body{
height: 500px;
}
foo{
height:50%;
}