Html 一个div与另一个div之间的垂直对齐不工作

这是我的代码的精简版本：

我尝试使用以下代码垂直居中“了解更多”框：

   position: absolute;
   margin-left: auto;
   margin-right: auto;

---

是什么导致此框无法垂直居中？即使我给它加了一个宽度，它也不起作用。首选跨浏览器解决方案（IE8+）

如果必须使用绝对定位，请将其添加到“了解更多”框css中：

其中，左边距始终为容器宽度的1/2

更新

如果不必使用绝对值，则为div指定一个宽度，并将边距设置为：

margin:0 auto;

如果需要，宽度可以是百分比，而不是

px

值

更新了这两个结果

更新两个

---

如果要对齐“了解更多”框而不将其指定为绝对值，请将其放入位于底部的页脚容器中，然后在其上使用

margin:0 auto

。类似这样：

在

位置：绝对无工作<代码>边距：自动如果我不必使用绝对值呢？真的很抱歉，这让我很痛苦，但为了清楚起见。在新方法中，“了解更多”框不位于底部，并且“垂直对齐：底部”不起作用：没错，
边距：自动
将不适用于绝对定位的div，除非有绝对定位的div，否则不能使用
bottom:0
定位div。一种折衷方法是使用页脚容器，然后在其中添加“了解更多”框。大概是这样的：
margin:0 auto;