我有两个带有动态内容的表格单元格。
表格单元格 1 工作正常，当向其中添加新内容使其大于表格单元格 2 时，表格单元格 2 的高度适合表格单元格 1，一切都在宇宙中。
但是当新内容被添加到表格单元格 2(它隐藏了溢出，并且可以正常显示: block )时，它会扩展，溢出永远不会发生，表格单元格 1 的高度现在与表格单元格 2 匹配。
我想要的是当更多内容添加到表格单元格 2 时，它将显示表格单元格 1 的内容，然后隐藏其余内容。我知道我可以用 javascript 做到这一点，不知道如何在没有它的情况下做到这一点？
这是一个 JSFiddle:http://jsfiddle.net/dYsNx/
Col 2 在内容中应该只上升到 col1 的高度，其余的应该溢出隐藏
最佳答案
overflow: hidden 不应以这种方式使用。 但是，您明白了。
其他人，我看到你的代码不是很干净并且不符合标准。 所以，我会按照我的方式修改它(希望它更好)
请查看以下链接: http://jsfiddle.net/Edditoria/TGfzA/
如你所见，overflow: hidden;在#box中，然后设置position: relative;，不设置top/left。
为避免 IE<7 的 display:table 兼容性问题，请保持 CSS 中默认的 div 显示设置。我也会使用 % 而不是固定像素宽度来避免 IE 的显示问题!
假设 col1 是动态高度的基础，没有什么可做的。
在 col2(以及所有其他列)中，您需要添加 position: absolute;顶部:0px；左:50%；。
我将 col-x 从 ID 更改为类，因为您以后可能需要添加更多列。
- 更新:根据您的评论，添加滚动而不是隐藏额外信息。
关于html - 仅展开一个表格单元格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10958948/