【发布时间】:2009-08-10 02:49:48
【问题描述】:
我有一个 div,其中包含我的页面内容 (#content)
div #content 的上边距为 20 像素。
在#content div 中,我有一个锚链接 href="#my_form" 链接到同一页面下方的表单。
当我单击锚时,页面向下滚动到表单 OK 但由于某种原因,填充从 #content div 的顶部删除?
关于如何解决这个问题的任何想法?
再次感谢
CSS
<style>
#content {padding-top:20px}
</style>
HTML
<div id="content" class="clearfix">
<div class="title-container"><h1>Apply for credit now</h1></div>
...
...
<a href="#application_form"><span>Apply now</span></a>
...
...
...
...
...
<a name="application_form"></a>
<form>...</form>
</div>
当单击“立即应用”时,div 'title-container' 会在#content div 的顶部向上移动 - 删除了填充?不过在 IE 中不会发生
【问题讨论】:
-
是的,发布代码或指向示例页面。
-
我将您的代码粘贴到 html 中并在 Firefox 中查看,但您描述的问题没有出现。问题可能出现在页面上的其他代码中,因此为了提供帮助,我们需要查看整个页面。
-
是的,我猜它是其他一些元素。好吧,我不能发布整个页面和标记,所以我想我必须一次慢慢地追踪一个元素。无论如何感谢您的帮助。
-
要检查的一件事,我最近看到几个 clearfix 类的高度设置为 0,这一直在造成问题。我怀疑这在这种情况下是否相关,但我开始讨厌 clearfix 类。
-
不,它不是 clearfix。我还有其他几个框架的包装器,所以我猜一定是其中之一。我认为这是某个位置的相对问题。
标签: css