css - 在另一个固定表下方居中 DIV 表

Question

所以我用这个 CSS 设置了一个 div 表，如下所示，使其居中并固定在页面顶部。我可以设置另一个 div 并将其居中，但我无法让 DIV 低于顶部。有什么建议吗？

这是顶部 DIV 的 css：

.fixedtop
{
    position: fixed;
    top: 0px;
    left: 50%;
    margin: 0 0 0 -400px;
    background-image: url(bannerlogo.jpg);
    width:800px;
    height: 414;
}

这是我测试过的最新 css：

.fixedcenter
{
        position:center;
    margin-top: 414px;
    width:800px;
    height: 414px;
}

我还尝试使用填充和弄乱边距来居中。非常感谢所有帮助。

Answer 1

如果使用“位置”，正确的值是：静态、相对和绝对。如果您的 div 的高度不会变化，那么您可以使用 position:absolute 并使用“top”指定位置

示例：您可以对第二个元素执行以下操作：

.fixedcenter2 { position:absolute; margin-top: 414px; width:800px; height: 414px; top: 424px //It will be positioned 20px below the first.
}

Answer 2

尝试这个：

.fixedtop
{
    margin-left: auto;  
    margin-right: auto; 
    border: 1px solid black; /* I only added the borders so that I could*/
                             /* see what was happening more easily.*/
    background-image: url(bannerlogo.jpg); 
    width: 800px; 
    height: 414px;
}

.fixedcenter
{
    border: 1px solid black; 
    margin-left: auto; 
    margin-right: auto; 
    width: 800px; 
    height: 414px;
}

它看起来像这样：