坚持使用如下所示的表格布局，a 列中有很多内容，并且所有列都具有设置的宽度和 vertical-align:top
----------------------------------------------
| | | |
| a | b | c |
| | | |
| | | |
| | | |
| |--------------------------| |
| | d | e | |
| | | | |
| | | | |
| | | | |
----------------------------------------------
我这里有一个代码示例:http://jsfiddle.net/cwQtK/
我需要它在 b 列与内容一样高的情况下执行此操作，因此看起来 d 列和 e 列中的内容紧跟在 b 列中的内容之后。
----------------------------------------------
| | | |
| a | b | c |
| |--------------------------| |
| | d | e | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
----------------------------------------------
我可以通过将 b 列的高度设置为小于其内容的大小来修改它以在 Firefox 中执行我想要的操作(开箱即用的 Chrome 可以按照我想要的方式执行)。
问题是这在 IE 中不起作用。
有人知道如何进行这种布局吗？
最佳答案
把b,d,e做成一个单独的表格，没有设置高度，然后它会自动收缩到内容。所以你将有一个表，a、b、c 然后在那个 b 单元格中你将放置你当前的 b、d、e
关于html表格，如何使顶部列刚好适合内容的高度，下面的列占据其余部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9121367/