gpt4 book ai didi

CSS3 过渡影响父 div

转载 作者:行者123 更新时间:2023-11-28 14:22:06 25 4
gpt4 key购买 nike

我试图找出为什么这个 CSS3 转换会影响父 div:

http://jsfiddle.net/BpUqt/5/

我试图在不改变其父 div 高度的情况下将对象向上移动到 div 中。

但是每次过渡开始/结束时(有或没有边框),盒子的高度都会缩小 1px

虽然我想连续使用其中三个,但如果用户很快将鼠标悬停在这些元素上,我的内容也会开始跳起来。

设置固定高度不是一个选项,因为我正在处理响应式布局。

最佳答案

使用变换代替动画边距(这意味着需要重新计算框高度,因此部分像素的舍入误差会导致移动)。

此外,请记住 IE10 具有转换功能,因此也请使用 ms 前缀。

看看http://jsfiddle.net/BpUqt/10/

关于CSS3 过渡影响父 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8376071/

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