风格搞砸了网址中的哈希

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%。那么设置它就多余了。

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