无论初始位置如何，都将html节点转换为全屏？

Question

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

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

每当我将.part悬停时，我希望转换调整项目的大小，使其填满整个屏幕，从初始位置缩放。假设我不知道项目的初始值，可以用纯CSS完成吗？

Answer 1

如果我理解你想要达到以下目的：

Fiddle

所以只要您可以选择绝对放置九个盒子就可以了。

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

但是，我没有看到任何方法可以通过浮箱来实现这一目标;这只会违反浮动原则。