将div设置在相对于页面的“位置绝对”div中

Question

我有一个页脚div，这是一个绝对的位置，因为我需要设计在页面上穿过。我还有另一个显示页脚内容的div，它位于绝对div内。但是我需要这个div（内容）是相对的。即，当我放大和缩小页面时，它基本上处于固定位置。到目前为止我有这样的事情。

// This is the div inside the absolute footer div 
#FooterContents 
{
    position:relative;
    background-color:#6E6F72; 
    padding:40px;
    left:20px;
    right:20px;
} 

我认为说明左右是我需要的，但是当我放大和缩小时，这个div会移动。

由于

Answer 1

使用我的页脚将其作为底部中心的是这段代码：

background: rgba(0, 0, 0, 0.8);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
max-width: 800px;
min-height: 170px;
margin: 0 auto;

这是你要找的吗？