zoukankan      html  css  js  c++  java
  • IE6 IE7: div中table宽度100%导致的宽度问题

    问题现象:定义了DOCTYPE的页面

    当表格的内容比div的高度还要高时,div会出现滚动条,同时在IE6和IE7下会出现问题:

    IE6:此时table的100%宽度还是没有滚动条那是的宽度,出现滚动条后,div的可视宽度减少,导致横向滚动条也出现了,而且横向能滚动的长度正好是滚动条的宽度。

    IE7:竖滚动条此时则很操蛋的消失了.....

    IE8:下一切正常。

    解决方法:内嵌套一个分区元素 Layout

    1. <div style="100px; height=50px; overflow:auto;">
    2.     <div style="*zoom:1;"><!--添加此行-->
    3.         <table width="100%" border="1" cellspacing="0" cellpadding="0">
    4.              ....
    5.         </table>
    6.     </div> 
    7. </div>

    补充:

    1.不止是TABLE,如果DIV宽高有像TABLE的定义,也会出现这种现象

    2.DIv两列布局,一个DIV浮动,且两个DIV中同有宽度100%TABLE/DIV时, IE6会强制未浮动DIV中的内容空浮动DIV中内容的高度

  • 相关阅读:
    GAN 的推导、证明与实现。
    WGAN学习笔记
    常用损失函数积累
    交叉熵在loss函数中使用的理解
    贝叶斯决策
    极大似然估计
    gated pixelCNN。
    三叉搜索树 转载
    Rabin-Karp 字符串匹配算法
    面试题整理 转载
  • 原文地址:https://www.cnblogs.com/chencidi/p/3980902.html
Copyright © 2011-2022 走看看