我在屏幕上有 9 个 float 项。创建一个 9x9 网格。
.part {
width: 33.333%;
height: 33.333%;
float: left;
}
每当我将鼠标悬停在 .part
上时,我都希望对元素进行转换调整大小,使其填满整个屏幕,从初始位置开始缩放。假设我不知道元素的初始位置,这可以用纯 CSS 完成吗?
最佳答案
如果我理解你想要实现如下内容:
所以只要你有绝对定位九个盒子的选项就可以。
.part {
position: absolute;
width: 33.333%;
height: 33.333%;
}
但我看不出有什么方法可以用 float 框来实现这一点;这将违反 float 原则。
关于css - 无论初始位置如何,都将 html 节点转换为全屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39364518/