Firefox，Chrome Anchor Issue - 从容器元素CSS中删除了填充

Question

我有一个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中没有发生

Answer 1

解决问题

溢出：隐藏在外部容器上。