【发布时间】：2011-03-14 03:13:22
【问题描述】：
我有一对嵌套表，在 Firefox 中似乎可以正常工作，但在 IE、Chrome 和 Safari 中，显示全乱了。
基本上，外部表定义为宽度=100%，然后该表中的每一行包含另一个表，该表也具有宽度=100%。每个内表还包含一行，除一个单元格之外的所有单元格的宽度都定义为 x 个像素，最后一个单元格定义为没有宽度（这样它就应该填满余额。
在 Firefox 中，这完全符合我的预期——未指定宽度的单元格占据了行的其余部分。但是，在 IE、Safari 和 Chrome 中，没有宽度的单元格似乎获得了 0px 的宽度，而表格中的其他单元格则分割了剩余的空间。
代码可以通过here（JSFiddle）看到。
【问题讨论】：
-
你试过在空单元格中放置一个不间断的空格吗？ ( )
-
是的 - 然后它将高度强制为一定空间量的最小值，并且不能解决宽度问题。我可以通过使文本超小来处理高度，但如果它无助于宽度显示......
-
为什么为什么你为什么要使用表格进行布局？这是你的第一个问题。
-
你看过我在 JSFiddle 上发布的布局了吗？用 div 做这件事会更费力，而且布局实际上是一个类似表格的结构。
-
@Elie 我同意@Loktar 这绝不是表格数据，你做错了看起来可以是“看起来”表格并不重要使用 div 和 CSS 轻松模拟 - check this out
标签： css google-chrome safari