CSS显示：表显示：固定宽度

表细胞替代我想我发现了显示器非常伟大的事情：表并显示：用于使导航更加敏感和流体状的表单元格属性，与display：table将table应用于ul-layout：fixed;和李的显示器：表格单元格所有添加的线完全符合ul的内容，无论边框或任何其他添加的元素（不同于基于百分比的宽度），不需要浮动，并且尽可能早地工作在IE8中，浏览器兼容性样式。CSS显示：表显示：固定宽度

然而不幸的是..火狐决定的位置不能被应用到显示为表单元格的元素，这意味着有问题的元素不能是父母与发言权......绝对定位另一个元素。这意味着Firefox将把你的二级水平导航中心和浮动垂直地附加到身体标记，或者在背景中具有正确位置的其他东西。（这种类型的滑稽可以追溯到IE8，但不是Firefox）。

无论如何，我离题了。

有没有人发现，不使用基于百分比宽度打击这种合适的替代方法？

提前欢呼。

来源

2014-04-27 Eddie

可以为用户提供最少的代码小提琴，这样你就可以得到相关的提醒:)（隐藏显示：左：-9999px /左：汽车不用其他相对:) –

还好，另一个提示：使用显示：与显示器挠性：作为后备的老年人，即 –

按照你的要求，这里是最小的小提琴http://jsfiddle.net/h95bv/，你可以看到，下拉菜单在Chrome浏览器，IE浏览器，但不是FF。 – Eddie

对于FF绝对定位，您可能不需要重置特定的left coordonate，也不需要top当您想要在屏幕区域中查看您的元素时。

见this example其中top和left都留给auto。

我增加了一个box-shadow，所以你看到每个元素ul或li，站在哪里。

然后您可以决定处理padding和margin而不是坐标。

来源

2014-04-27 13:14:36

太棒了。非常感谢你，不仅仅是为了解决我的问题，也是为了解释它。真诚的，谢谢。 – Eddie

不客气。有时只是remenber，太多的造型规则可能会变成handicapp或引起不必要的交互:) –

CSS显示：表显示：固定宽度

回答

相关问题