zoukankan      html  css  js  c++  java
  • xhtml在IE6下frame页面横向滚动条的问题

    2009-02-12 10:56

    在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷。

    对于这个bug一般有3种解决方案,

    方法1:

    代码:

    html { overflow-y: scroll; }

    原理:强制显示ie的垂直滚动条,而忽略水平滚动条。
    优点:完全解决了这个问题, 允许你保持完整的XHTML doctype 。
    缺点:即使页面不需要垂直滚动条的时候也会出现垂直滚动条。

    方法2:

    代码:

    html { overflow-x: hidden; overflow-y: auto; }

    原理:隐藏横向滚动,垂直滚动根据内容自适应。
    优点:在视觉上解决了这个问题。在不必要的时候,未强制垂直滚动条出现。
    缺点:只是隐藏了水平滚动条,如果页面真正需要水平滚动条的时候,屏幕以外的内容会因为用户无法水平滚动,而看不到。

    方法3:

    代码:

    body { margin-right: -15px; margin-bottom: -15px; }

    原理:这会在margin的水平和垂直方向上添加一个负值,IE添加了该精确数值后,便会去除对滚动条的需求假象。
    优点:在视觉上解决了这个问题,垂直滚动根据内容自适应。
    缺点:由于“人为创建”了15px的外边距(margin),所以无法使用该填充过的屏幕区域。

    个人感觉方法1对头,其他的不爽!

  • 相关阅读:
    图片轮播切换
    php用get_meta_tags轻松获取网页的meta信息
    PHP创建桌面快捷方式实例
    php 获取网站根目录的写法
    php mkdir 创建多级目录实例代码
    php计算剩余时间的自定义函数
    php实现获取汉字的首字母实例
    PDO封装函数
    Struts动态表单(DynamicForm)
    [WPF]静态资源(StaticResource)和动态资源(DynamicResource)
  • 原文地址:https://www.cnblogs.com/luluping/p/1604067.html
Copyright © 2011-2022 走看看