css - 不管初始位置如何，都将html节点转换为全屏？

屏幕上有9个浮动项目。创建一个9x9的网格。

.part {
    width: 33.333%;
    height: 33.333%;
    float: left;
}

每当我将.part悬停时，我都希望对整个项目进行过渡调整大小，以使其从初始位置缩放到整个屏幕。假设我不知道项目的初始位置，可以使用纯CSS做到这一点吗？

最佳答案

据我了解，您想归档以下内容：

Fiddle

因此，只要您可以选择绝对放置九个盒子，就可以。

.part {
  position: absolute;
  width: 33.333%;
  height: 33.333%;
}

但是我看不出有什么办法可以用浮动框来归档这个文件。这只会违背浮动原则。

关于css - 不管初始位置如何，都将html节点转换为全屏？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39364518/