Html 文本装饰不适用于浮动元素

当使用带有文本装饰样式的div时，在浮动该跨距后，似乎不会将其应用于div内部的跨距。 对此的解释是什么？我如何修复它

在这里查看我的问题：

---

这是规范所要求的，其中：

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

唯一的解决办法是：

---

这是规范所要求的，其中：

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

唯一的解决办法是：

---

当您浮动一个元素时，您将其从文档流中取出。当您浮动一个元素时，您将其从文档流中取出。谢谢，这就解释了。问题仍然存在，但为什么呢BoltClock解释了为什么会这样。文本装饰不是继承的，而是由父对象传播、拥有和绘制的。如果孩子控制着自己的位置，那么父母为孩子渲染东西就不太可能了。此外，我认为还有另一种解决办法。您可以将span设置为继承文本装饰

div span{text-decoration:inherit；}

。如果您通过向父级添加条件类来控制装饰，并且不想编辑所有子级，那么这非常有用。谢谢，这就解释了。问题仍然存在，但为什么呢BoltClock解释了为什么会这样。文本装饰不是继承的，而是由父对象传播、拥有和绘制的。如果孩子控制着自己的位置，那么父母为孩子渲染东西就不太可能了。此外，我认为还有另一种解决办法。您可以将span设置为继承文本装饰

div span{text-decoration:inherit；}

。如果您通过向父级添加条件类来控制装饰，并且不希望编辑所有子级，则此选项非常有用。

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

div span {
  float: right;
}

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

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