Firefox正在错误地显示百分比宽度

Question

我有一个3 td的页面全部设置为33.333333％宽度。出于某种原因，在Firefox中它将其计算为568px的实际像素值，这使得容器在页面上运行。我没有看到定义固定宽度的任何地方。任何想法为什么会这样？这是FF中的百分比宽度错误吗？谢谢！

http://gator3316.hostgator.com/~smartear/utilities/

Answer 1

添加table td img { width:100%; }

Answer 2

不使用max-width: 100%代替图片，而是使用width: 100%。这将使图像占据父级的宽度，而max-width将被忽略，图像将是实际图像文件本身的大小。

我认为这也是使用flex boxes的合适时间，假设您只需支持browsers that support it。

Answer 3

该表还需要以百分比（父级）定义，以便听取tds ... Firefox假设......所以：

包含百分比和表格布局，如下所示：

table {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}