风格搞砸了网址中的哈希

Question

我有一些在网址中加载了哈希/锚点的页面。当我们这样做时，它会拧紧文档的填充/边距。没有它，它工作正常。更奇怪的是，如果我使用浏览器工具来获取css并禁用边距和填充然后重新启用它，它看起来很好。我们使用第三方网站为我们的网站提供服务，这意味着我们已经被锁定为CMS类型的服务，并且我们的手在一定程度上与我们可以自定义页面的程度有关。因此，我们引用了多个css文件，依此类推。如果您查看下面的两个网址，您会在网址末尾附加#company_settings的网址中看到问题。如果你然后使用chrome中的inspect元素查看标题并禁用并重新启用custom.css：2作为边距和填充，你会看到它然后修复问题。知道为什么会这样，如果有什么我可以用css来解决这个问题吗？感谢。

http://www.patriotsoftware.com/patriot-pay-help-center-payroll-settings

VS

http://www.patriotsoftware.com/patriot-pay-help-center-payroll-settings/#company_settings

Answer 1

在URL中使用哈希表示浏览器滚动到文档的特定位置。

浏览器正是这样做的。

如果你可以编辑skin.css（听起来就是它的名字），请进入第6行：

#foxboro_header {width:100%;overflow:hidden;}

更改它，删除溢出规则：

#foxboro_header {width:100%;}

这应该可以使它发挥作用。

BTW如果是块元素，则宽度自动设置为100%。设置它将是多余的。

接下来，页面代码中充满了验证错误，请处理它们，否则可能会遇到越来越多的问题。

Answer 2

我有一个使用哈希的类似问题。

display: table和哈希网址存在一些错误。我将其更改为display: block，之后工作正常。

希望它有所帮助。