表格中的样式div

时间:2013-01-14 16:23:28

标签: css-float

我有以下内容:

<html>
<head>
<style type="text/css">
.campo {
  text-align : right;
  float : left;
}
</style>
</head>
<body>
  <table border="1">
    <tr style="text-decoration:line-through;">
      <td>
        <div class="campo">campo1</div>
      </td>
      <td>
        <div class="campo">campo2</div>
      </td>
    </tr>
  </table>
</body>
</html>

我没有将样式应用于tr。如果我删除浮动属性,没问题。 因为? http://jsfiddle.net/ZxQjE/

1 个答案:

答案 0 :(得分:0)

根据https://bugzilla.mozilla.org/show_bug.cgi?id=403526,以下内容适用于文字装饰

  然而,它并没有进一步传播到浮动和绝对定位    后代,也不是'inline-table'和'inline-block'的内容    后人。

显然这是设计上的。