【问题标题】:Page stretching on...and on...and on页面不断地延伸……不断地……不断地延伸
【发布时间】:2010-11-24 16:08:27
【问题描述】:

令人惊讶的是,标题基本上解释了它。我们有一个客户制作的页面,我们正在重新创建它。

页面高度一直持续到(我假设)浏览器达到它的限制。我已经尝试过 firebug 和 W3 验证器,但它们都没有帮助。

这可以归结为未封闭的标签吗?或者也许她使用的这个生成器在脚本标签上粘贴了 ID,THE HORROR!

任何建议都会很棒,我需要在这里尝试一切。谢谢。

【问题讨论】:

    标签: html frontend web-frontend


    【解决方案1】:

    在第 193 行的页面源代码中有这样的内容:

    <div id="txt_2179" style="position:absolute; left:13150228px; top:1239624px; width:-832166px; height:-1239624px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; overflow:hidden;"> 
      <p class="Body-P"><span class="Body-C">LINKS</span></p> 
    </div>
    

    不知道是什么将该样式设置为该位置,但这就是导致问题的原因。如果您查看页面的右下角,您会看到LINKS

    这个 div 有什么理由存在吗?您可以删除它或删除样式的绝对位置元素。

    【讨论】:

    • 是的,就是这个。该工具的开发人员应该......好吧,你明白了。这是我见过的最糟糕的 HTML 行。非常感谢。
    • 哦,是的,我会删除它,我不知道为什么她用的这个东西把它放在那里,但没有它它就必须活下去。
    【解决方案2】:
    <div style="position: absolute; left: 1.31502e+7px; top: 1239620px; -moz-box-sizing: border-box; overflow: hidden;" id="txt_2179">
    <p class="Body-P"><span class="Body-C">LINKS</span></p>
    </div>
    

    这个。疯了!! 就像整个 html 中的 Position Absolute 的其余部分一样。

    即使隐藏了溢出,声明也显示:top 100 万 239,000 620 像素 HEIGHT,而 Left 的声明就像中世纪手稿一样晦涩难懂。

    如果您删除该句子,则 html 将适合正文。希望你也修复其余的疯狂声明。

    【讨论】:

    • 好吧,我没有看到 ChrisKent 的答案……我正在浏览代码。
    • 非常感谢,非常感谢!
    【解决方案3】:

    我不知道。也许是&lt;/html&gt; 标签之后的3(好吧,可能不是)。尝试修复W3C validator报告的错误。

    【讨论】:

      猜你喜欢
      • 2015-10-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-17
      • 2014-01-17
      • 2012-03-12
      • 1970-01-01
      • 2013-04-20
      相关资源
      最近更新 更多