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

我正在努力获取HTML5/CSS的挂起，并且它到目前为止还行。我最近添加了一个页脚到我的游戏网站，并将它附加到页面底部并居中。然而，虽然在通过Web浏览器进行预览时，页脚在我的主要内容下正确居中，但在Adobe Dreamweaver CS6的设计视图中，它将页脚显示为离开主内容div的一侧。我觉得很奇怪，它会在设计视图中以这种方式出现，但在测试时按预期工作。这只是我编码它的原因吗？这是有点烦人，我必须向右滚动的权利，在设计视图中看到页脚...在Adobe Dreamweaver CS6设计视图中的HTML页脚

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

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

来源

2013-08-29 xyphergrim

你的CSS代码中没有任何内容表明它应该居中。如果它位于屏幕的左侧，则Dreamweaver将采用'position：absolute;'并自动应用'left：0;'的效果。但是，我不会花太多时间在Dreamweaver的设计视图中呈现事物，因为没有人会在那里查看您的网站。 – Quantastical

添加边距：自动;可能有帮助... – Beko1997

嗯。这并没有改变任何东西，但我确实认为Dreamweaver正在做MrSlayer提出的。感谢您的洞察力。 – xyphergrim

是的，它的正确之处在于Dreamweaver的输出与Web浏览器的输出完全不同，并且代码没有任何问题。

Dreamweaver的内部网页浏览器没有太多更新，并且不支持一些HTML和CSS标签。所以只是忽略Dreamweaver的网页浏览器..

来源

2013-08-30 04:08:47 AmanS

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

回答

相关问题