风格越来越搞砸与网址中的散列

Question

我有一些页面加载在URL中的散列/锚点。当我们这样做时，它将文档的填充/边距拧紧。没有它，它工作正常。更奇怪的是，如果我使用浏览器工具访问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%;} 

这应该使这行得通。

顺便说一句，如果它是一个块元素，宽度会自动设置为100%。那么设置它将是多余的。

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

Answer 2

我有一个类似的问题，使用散列。

存在/有一个display: table和哈希URL的错误。我将其更改为display: block，之后它正常工作。

希望它可以帮助别人。