內聯元素文本修飾不起作用

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; 
}