Css 内容不浮动权

我有一个表元素。

表格

元素的宽度手动设置为100%。我已经能够看到

表

和

tbody

是100%。但是，

tr

和

td

元素并没有填满整个空间。我的HTML如下所示：

<table>
  <tbody style="width:100%; display:block !important; margin: 0 auto;">
    <tr>
      <td style="width:100%; vertical-align:middle; padding-top:0px; height:45px; margin: 0 auto;">
        <span>Left</span>
        <span align="right" class="float:right;">Right</span>
      </td>
    </tr>
  </tbody>
</table>

左边
赖特

由于

tr

和

td

没有伸展整个宽度，因此浮动似乎工作不正常。这只是一个简单的例子。在这种情况下，我真的需要使用一个表。出于这个原因，我真的想弄清楚如何让

tr

/

td

伸展整个宽度，而不是寻找其他解决方法

---

有人能告诉我我做错了什么（除了使用

表
：）。
在你的跨度上，如果你想向右浮动，你应该使用样式而不是类。您还应将tbody样式移动到表格标记：

<table style="width:100%;">
  <tbody>
    <tr>
      <td>
        <span>Left</span>
        <span style="float:right;">Right</span>
      </td>
    </tr>
  </tbody>
</table>


左边
赖特


你应该看看div，但正如你提到的，你知道表是错的，我不会就此教训你的！：）

希望这有帮助

如果你好奇，可以举一个div的例子：
或者是这个

<table width="100%">
  <tbody>
    <tr>
      <td>
      <span style="position:relative;float:left;">Left</span>
      <span style="position:relative;float:right;">Right</span>
      </td>
    </tr>
  </tbody>


左边
赖特


“我已经看到桌子和车身是100%，”没有。和
class=“float:right；”“
无效。最后，为什么要设置
display:block！重要的在车身上？作为一个重要的注意事项，下面的答案中的所有小提琴似乎都可以正常工作，通过尝试和错误，我发现您的问题正是由样式
display:block引起的！重要信息
您设置了
t车身
，我不明白您为什么做了这么奇怪的事？当然，另一个问题是滥用关键字
class
，而它应该是
span
标记中的
style
。