Html 具有水平和垂直定心的多个堆叠div

我已经花了好几个小时研究如何做到这一点，并尝试了许多实验，这些实验让我获得了登录页上需要的一些功能，但不是全部功能。一旦我得到了拼图的最后一块，它似乎打破了我已经在工作的其他部分。看来我可以把问题分成几部分来解决，但当我试图把这些部分结合起来时，我失败了。也许他们之间有无法解决的冲突？我很确定这是可以完成的

让我试着解释一下我想做什么：

我需要两个div并排放置在宽格式（大于320px）的登录页上，但我希望这两个div在网页不宽（<320px）时堆叠在一起。通过在每个div上使用：style=“display:inline block；float:left；”可以很容易地实现这一点，这两个函数的行为符合我的要求。但是，当我尝试其他需要的功能时，这种情况就会出现，例如：

---

左分区的内容（由于狭窄的浏览器窗口，“堆叠”时也是顶部分区）需要在宽（>320px）和窄（当您说“右分区的内容将固定”时）的左分区内水平和垂直居中在功能#2中，您是否试图修复div中的内容，而不是div本身？因此div将在侧面发生变化，但不会小于

320px420px

？正确的div将是一个固定大小（320px宽420px高），因为它是用于facebook插件的。理想情况下，两个div都保持中心（作为一个组）在页面上，直到页面宽度减小，此时左分区堆叠在右分区的顶部。左分区的内容应始终在该左分区内水平和垂直居中。左分区可以具有最小宽度（例如，100px）但是当页面大小改变时，应该水平和垂直调整大小。这有帮助吗？