Css Firefox错误地计算父对象的宽度

我有一个简单的2单元网格，它被包装成一个

a

元素，带有

display:inline block

，可以根据内容缩小其宽度。它在IE和chrome中的工作原理与预期一样，但Firefox中隐藏了部分正确的单元格。firefox似乎抓住了更宽单元格的宽度，并将其应用于其父单元格，而IE和chrome将两个单元格的宽度结合起来，这就是我想要实现交叉浏览器的目的

演示

请注意，将

float:left

添加到第二个单元格或删除

overflow:hidden

对我来说不起作用，因为网格就像一个独立的组件，如果它没有包装到a元素中，第一个单元格的宽度应基于其内容，而第二个单元格应填充剩余空间，且其内容不应溢出

---

感谢您的想法。

您关于为什么添加/删除某些属性对您不起作用的推理似乎有些虚假。根据某个元素是否是

的子元素/子元素，可以使用适当的选择器轻松地对其进行不同的格式化。您好，很抱歉我不清楚，但我无法控制最外层的元素及其类，因此我无法指定类似
.embedded resources.b-2{float:left}
的任何内容。另外，最外层的元素不一定是
a
元素，它可以是具有
display:inline block
的任何元素。