gpt4 book ai didi

css - 调整没有初始值的div

转载 作者:行者123 更新时间:2023-11-28 04:56:51 26 4
gpt4 key购买 nike

我只是在徘徊,如果可以只使用 css 调整一个没有初始高度 220px 的 div 的大小,就像示例中那样(有一个响应式 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%;
}

关于css - 调整没有初始值的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40348462/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com