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

Question

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

任何关于这是为什么的建议，或者对通用编码的任何建议，都将非常感谢。下面是我是如何在页脚中编码的。谢谢。

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

Answer 1

是的，Dreamweaver的输出与web浏览器的输出有很大的不同，这是正确的，您的代码没有任何问题。

Dreamweaver的内部web浏览器更新不多，不支持某些HTML和CSS标签。所以就忽略Dreamweaver的web浏览器吧..