首页 > 代码库 > IE6 IE7: div中table宽度100%导致的宽度问题
IE6 IE7: div中table宽度100%导致的宽度问题
问题现象:定义了DOCTYPE的页面
当表格的内容比div的高度还要高时,div会出现滚动条,同时在IE6和IE7下会出现问题:
IE6:此时table的100%宽度还是没有滚动条那是的宽度,出现滚动条后,div的可视宽度减少,导致横向滚动条也出现了,而且横向能滚动的长度正好是滚动条的宽度。
IE7:竖滚动条此时则很操蛋的消失了.....
IE8:下一切正常。
解决方法:内嵌套一个分区元素 Layout
- <div style="width:100px; height=50px; overflow:auto;">
- <div style="*zoom:1;"><!--添加此行-->
- <table width="100%" border="1" cellspacing="0" cellpadding="0">
- ....
- </table>
- </div>
- </div>
补充:
1.不止是TABLE,如果DIV宽高有像TABLE的定义,也会出现这种现象
2.DIv两列布局,一个DIV浮动,且两个DIV中同有宽度100%TABLE/DIV时, IE6会强制未浮动DIV中的内容空浮动DIV中内容的高度
IE6 IE7: div中table宽度100%导致的宽度问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。