【问题标题】:Why is my page extending past my content?为什么我的页面超出了我的内容?
【发布时间】:2012-07-11 04:26:42
【问题描述】:

我在这里创建自己的网页:http://tinyurl.com/7n8jxbt

问题是在页脚之后,有相当多的空白。我在除了 Mozilla Firefox 之外的所有东西中都看到了这个空白。

我尝试使用检查元素来确定占用空间的内容,但它说什么都没有。

有人知道为什么会有这么多空间吗?

【问题讨论】:

  • 空白是什么意思?标记空白的屏幕截图会很有帮助。
  • 空白是由空的#sideword 元素引起的。以后有什么东西要放在那里吗?
  • 尝试首先验证您的 html 和 css 文件(W3 验证器)

标签: html css layout removing-whitespace


【解决方案1】:

问题在于spanid="SideWord"。从此元素中删除样式margin-top:100%,空白将消失。

【讨论】:

    【解决方案2】:

    您的 CSS 文件有问题(第 1 行)

    font-family: Georgia, "Times New Roman", Times, serif width:100% 
    

    可能由于这个小错误,浏览器读取 CSS 文件的其余部分完全错误。因此,将width 放在新行上,并在serif 之后用分号; 关闭font-family 行。

    编辑:我的头疼的评论似乎是正确的。

    【讨论】:

    • 虽然分号很好。我会确保我也解决这个问题。
    【解决方案3】:

    它是旋转的边词元素,并赋予文档高度。

    您可能不需要边距或顶部设置

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-04-02
      • 1970-01-01
      • 2019-06-04
      • 1970-01-01
      • 2014-09-02
      • 2021-05-24
      • 1970-01-01
      相关资源
      最近更新 更多