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的引导程序,没有任何修改,可以在这里找到:你能在你的回答中添加一点关于链接内容的描述,并对建议的解决方案说几句话吗?