div中不需要的空间设置为100%

时间:2012-02-28 02:37:28

标签: internet-explorer html

编辑: 这似乎是IE独家的问题。重新创建非常简单,无论我将DIV设置为什么高度(px或%),它都会发生。

所以我有一个100%宽度和高度div的页面。一切正常,除了在IE中,它在底部div中显示大约5px的不需要的空间,这很烦人,因为当你滚动到div的底部时,你会看到它。

有人可以向我解释这里发生了什么吗?

如果我只是删除div并使用普通的body标签进行滚动,则空格会消失。

要重新创建,请输入以下代码:

<html><body style='width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;'>
<div style='width:100%;height:100%;margin:0px;padding:0px;overflow:auto;'>
<br />...x100
Are you kidding me IE?
</div></html>

就是这样。不知道是谁投了这个,但是实际上这是最简单的代码,可以重新创造出这样的东西。

我也尝试过添加     位置:绝对的;底部:0像素;左边:0像素; 对于div,没有区别。

2 个答案:

答案 0 :(得分:1)

我使用了一个包含以下源代码的HTML文件:

<html>
   <body style='width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;'>
      <div style='width:100%;height:100%;margin:0px;padding:0px;overflow:auto;'>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         <br><br><br><br><br><br><br><br><br><br>
         Are you kidding me IE?
      </div>
   </body>
</html>

我在IE中打开文件并将显示模式设置为IE7。

我无法重现您的问题...

答案 1 :(得分:0)

这是一个asp页吗?如果是这样,请查看删除skiplinks(或将其设置为空字符串)。在IE以外的浏览器中呈现时,它们往往会放置不需要的空间