URL片段如何影响CSS布局?

use*_*908 4 css height layout viewport fragment-identifier

比较这3个URL(在每种情况下查看顶部导航栏):

  1. http://fast.kirkdesigns.co.uk/blog
  2. 如上所述,但使用url片段#navigation
  3. 如上所述,但使用url片段#node-2655

请注意,唯一的区别是末尾的URL片段.

前两页显示绝对正常(至少在Firefox中).这是问题所在的第三个问题.片段#node-2655将顶部导航栏推离屏幕顶部.然后,当您向上滚动到页面顶部时,导航栏已被切成两半.当使用任何URL片段导致导航栏在首次加载页面时超出初始视口时会发生这种情况.

那么,如何使用url片段影响css布局呢?!

解决方案:如下所示,删除溢出:隐藏在容纳导航栏的容器元素上修复了问题.我很想知道为什么!

Emi*_*ily 8

取下overflow:hidden#main的css_75afd7072eaf4096aaebf60674218e31.css

  • 天才!!你能解释一下为什么吗?! (2认同)