css - URL 片段(#stuff)如何与 CSS 交互？

Question

URL 片段如何与 CSS 交互？我有一个页面，例如:http://example.boom/is_this_a_bug.html。该页面的代码显示在 https://gist.github.com/3777018 中。

当我用这样的 URL 加载页面时，.tab-pane 元素没有显示，因为它们溢出了它们的容器，并且它有一个 overflow: hidden属性(property)。

但是，如果我通过将有效片段 (#00) 附加到 URL 来加载页面，那么 .tab-pane 就会可见，就好像left:100% 未被考虑在内。按下按钮只是删除并重置 left:100%，然后我得到溢出的选项卡 Pane 。

这在 Firefox 15.0.1 和 Chromium 18.0.1025.168(Developer Build 134367 Linux)Ubuntu 12.04 中都会发生。

知道为什么会这样吗？这是一个错误，还是在别处记录？

最好的问候，

曼纽尔。

Answer 1

当您在 URL 中加载带有片段标识符的页面时，如果该片段标识符与页面上元素的 ID 匹配，浏览器将滚动页面以将该元素显示在 View 中。