Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 位置问题:固定标签和散列标签(正文中的详细信息)_Javascript_Html_Css - Fatal编程技术网

Javascript 位置问题:固定标签和散列标签(正文中的详细信息)

Javascript 位置问题:固定标签和散列标签(正文中的详细信息),javascript,html,css,Javascript,Html,Css,我有一个位置:固定导航栏。每当我转到mypage.html#myid时,导航栏就会与myid的一些内容重叠。如何将整个页面向下移动一点,使导航栏不覆盖内容 另外,我试过body{padding top:50px;}你不能在myid div上使用margin top吗?你的主要内容应该在一个div内,这个div应该在主体内,然后myid div可以从主体向下推,为固定导航条留出足够的空间 一些代码会有帮助…需要一个有点黑客的解决方案 #myID:before { display: block

我有一个
位置:固定导航栏。每当我转到mypage.html#myid时,导航栏就会与
myid
的一些内容重叠。如何将整个页面向下移动一点,使导航栏不覆盖内容


另外,我试过
body{padding top:50px;}

你不能在myid div上使用margin top吗?你的主要内容应该在一个div内,这个div应该在主体内,然后myid div可以从主体向下推,为固定导航条留出足够的空间


一些代码会有帮助…

需要一个有点黑客的解决方案

#myID:before { 
  display: block; 
  content: " "; 
  margin-top: -285px; /* navigation height */
  height: 285px; /* navigation height */
  visibility: hidden; 
}
逻辑是在#myID内容之前添加隐藏元素,这样浏览器就会给它一个隐藏空间。将负valie作为边距顶部将阻止它提供物理空间


请查看此处了解详细信息:

IE7与边距顶部有问题,我认为填充顶部更安全。IE7与作为浏览器有问题。好的旧版本如何!(只是说,D:)迪安·威尔逊:页边空白会增加不必要的间距。我正在使用Twitter的引导程序,没有任何修改,可以在这里找到:你能在你的回答中添加一点关于链接内容的描述,并对建议的解决方案说几句话吗?