Css 表单元格div大小调整不正确

Css 表单元格div大小调整不正确,css,Css,显示为表格单元格的我的div大小不正确。我将宽度设置为91px,但渲染为90.2667px。这是在Firefox中,但我还没有测试过其他浏览器 以下是我检查元件时出现的情况: width 90.2667px .OrderCell3 → 91px inline:1 一旦我禁用“显示:表格单元格”,它就会精确地扩展到91px。然而,我需要它以这种方式显示,以显示我想要的方式 编辑:这里是小提琴:默认表格中有一些空格和填充。您必须改变表格的样式以消除间距: <table styl

显示为表格单元格的我的div大小不正确。我将宽度设置为91px,但渲染为90.2667px。这是在Firefox中,但我还没有测试过其他浏览器

以下是我检查元件时出现的情况:

width       90.2667px
.OrderCell3 → 91px  inline:1
一旦我禁用“显示:表格单元格”,它就会精确地扩展到91px。然而,我需要它以这种方式显示,以显示我想要的方式


编辑:这里是小提琴:

默认表格中有一些空格和填充。您必须改变表格的样式以消除间距:

<table style='width:91px; border-spacing:0px;'>
  <tr>
    <td style='padding:0px;'>
      <div>
        stuff
      </div>
    </td>
  </tr>
</table>

东西

但是,这样做会使表本质上不可见,这与隐藏单元格相同。在这种情况下,唯一的解决方法是通过考虑边框大小来补偿表的大小。表需要类似于91px+(单元格填充*2*numColumns)+表的边框间距*2。

我在代码中没有看到表,
有趣的是,当它是表数据时

看起来你想找到一种制作滚动表的方法。 如果是这样的话,那么重新考虑您的代码,同时您可以从真实的表中实现它

它正在使用em,但它可以是px或%

诀窍是,从thead复制一个tfoot,因此您的col布局应该保持在header(footer)下
容器是滑动的,而不是主体。

您如何知道这一点,以及如何在屏幕上实现这一点?发布一个完整的问题示例如何?更好的方法是,再加上一个jsFiddle.net示例。@GCyrillus在Firefox中,按Ctrl+Shift+K,然后单击Inspector,然后单击单元格。此问题在8个单元格中重复出现,因此funky@j08691我给它加了一把小提琴。你是说你的电池在屏幕上以90像素的速度缩小吗?如果是这样,那么试着将宽度设置为91.4像素。它在屏幕上应该下降到91像素,这个值在华氏90.5度以上,这是一种比使用div更好的方法。所以我重写了它,我又回到了同样的问题,即单元格未对齐。绝对位于顶部的表尾稍微偏移。我似乎不明白为什么。你必须记住,tfoot必须远离滚动条。尝试以下操作:.orderlistcontainer tfoot{表布局:固定;位置:绝对;顶部:0px;左侧:0px;显示:表标题组;右侧:1.4em;}