CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 高度100%不适用于Internet Explorer 8中的DIV标记大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码用于显示带有滚动结果部分的搜索工具.在IE中代码工作正常:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html style="BACkground:black;height:100%;width:100%;">
    <head>
      <title>Report</title> 
    </head>
    <body style="BACkground:black;">
      <table HEIGHT="100%" WIDTH="100%" style="BACkground:red;">
      <tr>
      <td>
        Search Area  
      </td>
      </tr>
      <tr>
      <td HEIGHT="100%" WIDTH="100%" style="BACkground:orange;">
        <div style="overflow-y:scroll;height:100%;">
          <table style="width:100px;height:1000px;">
          <tr>
          <td style="BACkground:white;">
            Results Area
          </td>
          </tr>
          </table>
        </div>      
      </td>
      </tr>
      </table>
    </body>
    </html>

但是当我通过添加以下内容将元标记设置为使用IE8格式时:

<meta http-equiv='X-UA-Compatible' content='IE=edge' />

底部DIV标记扩展到页面之外.我已经尝试了很多选项但是没有实际指定值的高度就无法找到解决方法.这不起作用,因为我希望页面占据屏幕的100%,无论浏览器窗口的大小.

任何帮助将非常感激.

解决方法

这个metatag可以实现正确的CSS渲染,并且在CSS中 – 按设计 – 高度:100% basically doesn’t work.

您需要为元素的每个祖先赋予特定高度,包括< body>,< table>,< tr>甚至< tbody>由解析器自动插入的元素.

无论如何,这种布局可以更简单的方式实现:

.topBAnner {
    position:absolute; position:fixed; 
    height:2em; 
    top:0; left:0; width:100%;
}
body {padding-top: 2em}

这将在IE6中很好地降级,与溢出不同,它将在Mobile Safari中正常工作.

大佬总结

以上是大佬教程为你收集整理的css – 高度100%不适用于Internet Explorer 8中的DIV标记全部内容,希望文章能够帮你解决css – 高度100%不适用于Internet Explorer 8中的DIV标记所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。