大佬教程收集整理的这篇文章主要介绍了css – 高度100%不适用于Internet Explorer 8中的DIV标记,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!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%,无论浏览器窗口的大小.
任何帮助将非常感激.
您需要为元素的每个祖先赋予特定高度,包括< 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,请注明来意。