Css 为什么这个按钮会导致我的布局中断？

我修改了这个CSS按钮，将其放在我公司的网站上，但每次我尝试实现它时，都会导致整个网站失去中心对齐

以下是HTML：

<div id="contain">
<button class="support"> </button>

我尝试过将其从输入更改为超链接，但它没有改变任何东西，只要添加CSS代码，它就会撤消页面上的所有水平对齐。不过我没看到任何会弄糟它的东西

它以某种方式摆脱了#site div。我不知道它为什么这么做

---

这是我试图实现它的页面：

修复了它。不太清楚为什么，但是逐行添加CSS使它不会中断。我还将类名更改为support_btn，以确保它与全局头不冲突，尽管这一点已经修复

我确实排除了一些我不需要的行：

text-align: center;
text-shadow: 0px -1px 1px #1E2D4D;
color: white;
font: bold 20px "helvetica neue", helvetica, arial, sans-serif;

---

但我真的看不出这些会有什么不同。

我知道这已经解决了，但这就是你出现这个问题的原因：在CSS上最后一个右括号后有一个不可见的特殊字符，具体来说，是零宽度的空格（）.

是否关闭包含按钮的div？是否尝试删除所有边框等？我打开了那个网站，我不知道你在说什么按钮？你有一个测试网站，你可以显示问题吗？是的，上面的html不知怎么被切断了。我甚至不需要在代码中添加html来破坏网站，我只是添加了css，没有任何html地址，它会出于某种原因覆盖#站点css。我是这样做的，但它是本地的，我不想上传到live页面，因为即使我添加css代码，它也会破坏每个页面。你知道全局标题也有一类支持吗？很有趣。你是怎么发现这样的事情的？你自己的回答让我想到了这一点。为了确认，我复制了您的代码（从“编辑”文本区域）并粘贴到文本编辑器中，然后打开显示不可见字符的选项（我使用了TextMate）。

text-align: center;
text-shadow: 0px -1px 1px #1E2D4D;
color: white;
font: bold 20px "helvetica neue", helvetica, arial, sans-serif;