Firefox错误地显示表格单元格(chrome工作正常)

hor*_*rin 1 css firefox google-chrome css-tables

我正在设计包含几个div的网站布局.整个网站都在容器中.徽标下的所有内容都是构造的,然后我有内容包装在内容包装器中.Content-wrapper有2个子项:sidebar-wrapper和main-wrapper.我想在main-wrapper中设计一些东西,但它在firefox中没有正确显示.main和sidebar都设置为显示表格单元格,但是如果我在主包装器的右侧添加带有文本的img,则主包装器宽度会发生变化,而且比父div(内容包装器)稍微宽一些.它发生在firefox和IE(chrome工作得很好).以下是使用firefox和chrome启用的开发工具拍摄的一些图像.

铬: 在此输入图像描述

火狐: 在此输入图像描述

所以有没有办法让表格单元格填充父宽度或以某种方式解决这个问题?

Mat*_*att 6

你试过table-layout:fixed;你的包装div(指定的那个display: table;)吗?

我有一个类似的问题,这个属性强制表是一个固定的宽度而不是由其内容决定.默认情况下,表格列设置为行中最宽单元格(具有可破坏内容)的宽度,在您的情况下为图像,因此第二列太大:)

关于更多信息,table-layout可以发现这里