css - Adobe Dreamweaver CS6 设计 View 中的 HTML 页脚

Question

我正在努力掌握 HTML5/CSS 的窍门，目前进展顺利。我最近在我的播放网站上添加了一个页脚，并将其附加到页面底部并居中。但是，虽然通过 Web 浏览器预览时页脚在我的主要内容下方正确居中，但在 Adob​​e Dreamweaver CS6 的设计 View 中，它显示页脚偏离主要内容 div 的一侧。我发现它在设计 View 中以这种方式出现很奇怪，但在测试时按预期工作。这只是我编码方式的原因吗？有点烦人的是我必须向右滚动才能在设计 View 中看到页脚...

任何关于为什么会这样的建议，或对一般编码的任何建议，将不胜感激。下面是我在页脚中编码的方式。谢谢。

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

Answer 1

是的，Dreamweaver 的输出与 Web 浏览器的输出完全不同，这是正确的，而且您的代码没有任何问题。

Dreamweaver 的内部 Web 浏览器更新不多，并且不支持某些 HTML 和 CSS 标签。所以忽略 Dreamweaver 的网络浏览器..