Css Adobe Dreamweaver CS6设计视图中的HTML页脚

我正在努力掌握HTML5/CSS的诀窍，到目前为止进展顺利。我最近在我的play网站上添加了一个页脚，并将其附在页面底部并居中。然而，当通过web浏览器预览时，页脚在我的主要内容下正确居中，但在Adobe Dreamweaver CS6的设计视图中，页脚显示为远离主要内容div的一侧。我觉得奇怪，它在设计视图中以这种方式显示，但在测试时按预期工作。这就是我编写代码的原因吗？我不得不向右滚动才能在设计视图中看到页脚，这有点烦人

如有任何关于原因的建议，或对一般编码的建议，将不胜感激。下面是我在页脚中的编码方式。多谢各位

.footer {
    position: absolute;
    bottom: 0px;
    width: 960px;
    padding: 10px 0;
    background-color: #0033FF;
}

---

是的，Dreamweaver的输出与web浏览器的输出完全不同是正确的，并且您的代码没有问题

Dreamweaver的内部web浏览器更新不多，不支持一些HTML和CSS标记。

---

因此，忽略Dreamweaver的web浏览器。

CSS代码中没有任何内容表明它应该居中。如果它位于屏幕左侧，则Dreamweaver将采用

位置：绝对

并自动应用

左：0的效果。然而，我不会对Dreamweaver的设计视图呈现事物的方式做太多评估，因为没有人会在那里查看您的网站；可能会有帮助…嗯。这并没有改变任何事情，但我认为Dreamweaver正是按照Slayer先生的建议做的。谢谢你的洞察力。