Question

我只是徘徊，如果有可能只使用css调整大小没有初始高度220px的div，如例子（有一个响应div）。如果我删除初始高度转换停止工作但div是stil调整大小。如何在移除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>

Answer 1

如果您为其父元素定义高度，则可以使用百分比高度为容器指定相对高度。

例如：

<body>
    <div class="foo">
    This container will have a relative height
    </div>
</body>

CSS：

body{
    height: 500px;
}

foo{
    height:50%;
}

调整div没有初始值

1 个答案: