Question

我在页面底部有“额外空间”时遇到问题。在Opera和Firefox中。而在IE上，有时它会发生在Chrome上并不能一直运行良好。我是css和html5的新手，最重要的是。很多时候没有做过任何网页设计。以前只使用表和旧的HTML。我遇到问题的网站是

http://jconstruction.us.cloudlogin.co/index2.php

我尝试了一切，现在我放弃了。它是一个修改过的模板，模板在所有浏览器中运行良好，所以我的猜测是我的一些修改。我遇到问题的模板是从这里发出的http://www.jonathansconstruction.com

如果有人能帮忙会很高兴。在此先感谢我真的需要花费大量时间而没有成功

修改

为所有HeLP解决了很多问题.....我确实设法解决了大多数浏览器的问题，但是，在IE上仍然很难，如果有人能提供帮助将非常感激（已经要拉我的了）头发了）大声笑..我甚至尝试过验证。虽然有些错误，但我尝试将错误记录下来并且仍然是相同的结果。

Answer 1

这是因为您可能在CSS中使用了top:-***px;任何<div>。尝试使用绝对定位。

Answer 2

我发现了这个问题，设置了这个属性

      .ui-datepicker
         {
          position:absolute;
         }

Answer 3

为此，我通常会在页面中创建两个部分：

<body>
    <div id="main-part"></div>
    <div id="footer"></div>
</body>

然后设计它：

#main-part { height: 100%; padding-bottom: 110px; }
#footer { height: 100px; margin-top: -100px; }

Answer 4

尝试在div中使用100％高度的固定页眉和页脚，这样在任何浏览器中空间都不会搞乱。如果您也可以尝试position:relative，请尝试为空格设置margin-top值。

Answer 5

我也有同样的问题。我通过在CSS中进行更改找到了解决方案：

.Zebra_DatePicker.dp_hidden {
  visibility: hidden;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0
}

而不是 visibility: hidden; 使用 display:none; ，它将完美运作。

某些浏览器中页面底部的额外空间

5 个答案: