2个并排的div框，宽度为50%，高度为100%，悬停时扩展到100%填充每个框的整个宽度

这个问答内容涉及前端开发的知识。

对于这个问题，可以使用HTML和CSS来实现。首先，我们可以使用HTML创建两个并排的div框，并设置宽度为50%和高度为100%。然后，通过CSS来实现悬停时扩展到100%填充每个框的整个宽度。

下面是一个示例的HTML和CSS代码：

HTML代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS代码：

.container {
  width: 100%;
  height: 100%;
  display: flex;
}

.box {
  width: 50%;
  height: 100%;
  transition: width 0.3s;
}

.box:hover {
  width: 100%;
}

在这个示例中，我们使用了flex布局来让两个div框并排显示，并设置宽度为50%和高度为100%。通过设置transition属性，我们可以实现悬停时的动画效果。当鼠标悬停在框上时，使用:hover选择器来改变框的宽度为100%，从而填充整个父容器的宽度。

此外，如果您想了解更多关于前端开发的知识，您可以参考腾讯云的云开发服务（Serverless Framework）和静态网站托管（云开发静态网站托管）来快速搭建网站。链接地址如下：

• 云开发服务：https://cloud.tencent.com/product/scf
• 云开发静态网站托管：https://cloud.tencent.com/product/scc