在表格元素上使用百分比宽度

时间:2011-12-16 18:08:11

标签: css width css-tables

希望我在这里问一个愚蠢的问题:

我的页面上有一个div显示:block和1187px宽。在那个div里面我有一个显示的表:table,width:100%,宽度是1456px。所以这不是加起来......

在表格中我有一个显示的tbody:table-row-group,width:auto,宽度为1456px。在里面,我有一个显示的tr:表格行,宽度:100%,宽1456px。好到目前为止....

在里面,我有一个显示的td:table-cell,宽度:20%,宽67px。这绝对不是1456的20%。其中的另一个显示:table-cell,宽度:40%,宽度为1218px。这远远超过1456的40%。通常看起来我的宽度是由我的内容驱动的,我的td很高兴忽略了他们被分配的百分比。我的其中一个是宽度:自动,所以一旦其他人占用了各自的百分比,它应该能够吸收行中剩余的所有宽度吗?

我可能遇到过任何常见的陷阱吗?

0 个答案:

没有答案