【问题标题】:Firefox,Chrome Anchor Issue - padding removed from container element CSSFirefox,Chrome Anchor 问题 - 从容器元素 CSS 中删除填充
【发布时间】: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


【解决方案1】:

问题解决

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

【讨论】:

    猜你喜欢
    • 2014-06-28
    • 2013-11-02
    • 2014-12-02
    • 1970-01-01
    • 1970-01-01
    • 2013-01-19
    • 2014-03-31
    • 2012-01-18
    • 2015-03-14
    相关资源
    最近更新 更多