文本修饰不适用于浮动元素

Question

当使用带有文本修饰样式的div时，它似乎不会在浮动该跨度后将其应用于div内的跨度。 对此有何解释？如何解决？

在此处查看我的问题：http://jsfiddle.net/wtBDX/2/

div {
  color: red;
  text-decoration: line-through;
}

div span {
  float: right;
}

Answer 1

这是规范要求的，states：

  

请注意，文本修饰不会传播到浮动和绝对定位的后代，也不会传播到原子内联级后代（如内联块和内联表）的内容。

唯一的解决方法是apply the text decoration to the span as well：

div {
  color: red;
  text-decoration: line-through;
}

div span {
  float: right;
  text-decoration: line-through;
}