我的程序的用户界面中有一个错误,该错误只能在浏览器模式IE8和文档类型“怪癖模式”下重新创建。我从来不需要平时使用html / css,所以我有点迷路了。

我的代码示例太大,无法舒适地放在此页面上,但可以在here中找到。我忘了附上可以在here中找到的相关CSS。

乍一看,<thead>似乎不随表格滚动。在使用IE8开发工具查看之后,我发现<thead><tr>元素随其水平滚动条一起移动,但是子元素<th>(首先在第19行看到)保留在原处。

当我手动更改<th>标记的特定属性(例如align,text-align)时,表格标题会突然滚动。当我尝试在代码中实现这些功能时,它们无法解决问题。

任何帮助,将不胜感激。提前致谢。

最佳答案

在th上使用显式溢出:

th { overflow: scroll; height:1%; }


区别在于:


  通过扩展一个框来处理溢出。当元素的内容不适合为其指定的尺寸(显式或隐式)时,则溢出:可见(默认值)表示内容在框尺寸指定时溢出。在Quirks模式下,尺寸会更改;这很容易看到,例如如果该框具有背景色或边框。


参考文献


The table cell nowrap minimum width calculation quirk
Quirks mode and Strict mode
What happens in Quirks mode?
Rendering modes - overflow:visible (quirks)
IE/Win Unscrollable Content Bug
IE7 Dehacker

07-24 17:46