html - 当该行溢出时,IE7 显示表格中的一些单元格内容

标签 html css internet-explorer-7

我有一个最奇怪的问题,我一直找不到解决方案。我有一个表格,其中一个单元格的内容包裹在一个相对定位的 div 元素中(本质上我在一个单元格中显示一个“进度条”,所以它是一个 div,里面有另一个 div(将其宽度扩展到 %已完成),以及显示值的跨度)。

表格位于一个 div 中,其 overflow-y 设置为自动,最大高度为 400 像素。

在 FF、Chrome、IE8 和 9 中,它看起来/工作得很好,但在 IE7 中,带有进度条 div 的单元格继续显示它们的内容,并且永远不会与表格的其余内容一起滚动。

这个 JSFiddle http://jsfiddle.net/ujV4M/1/如果您在 IE7 中查看它,就会显示我在说什么。

最佳答案

已编辑:添加 position:relative 到包含表格的元素

我删除了相对位置,因为我知道 IE7 会导致与非静态定位的元素相关的可滚动内容区域出现问题,并且我在文本中添加了 margin-left:

http://jsfiddle.net/3H6eG/

显然,我的解决方案避免了问题而不是解决了问题,但它看起来像它应该的那样工作。或者您是否出于特定原因需要相对定位?

亚当

关于html - 当该行溢出时,IE7 显示表格中的一些单元格内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12602975/

相关文章:

internet-explorer - Internet Explorer 7 中的 css 背景大小封面

VBA Internet Explorer 自动化 'Permission Denied'

javascript - 如何关注必填字段或无效字段?

html - 在 IE 中列出元素渲染错误?

jquery - 是否可以构建一个 HTML 页面,其中并非所有元素都可以通过 CSS 选择器/XPath 访问?

javascript - 单击链接并转到输入

html - 如何将属性添加到输入标签 asp.net 内的 RadioButtonList 项目

javascript - 值正确但程序仍然显示错误

javascript - 动态改变一个元素的高度到另一个

css - HTML 中 iPhone 的类似聚光灯的框