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

Question

我在屏幕上有 9 个 float 项。创建一个 9x9 网格。

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

每当我将鼠标悬停在 .part 上时，我都希望对元素进行转换调整大小，使其填满整个屏幕，从初始位置开始缩放。假设我不知道元素的初始位置，这可以用纯 CSS 完成吗？

Answer 1

如果我理解你想要实现如下内容:

Fiddle

所以只要你有绝对定位九个盒子的选项就可以。

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

但我看不出有什么方法可以用 float 框来实现这一点；这将违反 float 原则。