將跨度定位在相對定位的div內

Question

我正在使用Wordpress插件，但是在定位span遇到了問題。 基本上，有一個div包含一個img和一個span （該div和span是在插件中動態添加的，但我認為不是這種情況），它應該覆蓋img 。 加載圖像后，將動態設置該span的大小，浮動和邊距，因此span將完全覆蓋圖像。

不幸的是，當image向右浮動時，具有一個正的左邊距值，並且比包含它的div寬（圖像+邊距），這是一個問題。 image的左邊距已更改，但span的左邊距未更改，因此span不能正確覆蓋圖像。 有沒有辦法解決此問題或好的解決方法？ 我的意思是說，這種方式在其他情況下也可以很好地工作，例如向左浮動圖像等。我注意到它在Chrome，IE9和FF19上的工作原理相似。

示例： http : //jsfiddle.net/6zQp3/1/

更新我認為我對這個問題的解釋不夠充分，所以這里是另一個示例：

http://jsfiddle.net/6zQp3/53/

我已指出我可以更改代碼的哪些部分，我不能更改。 基本上，該插件會為站點上的每個圖像動態創建div.image-container和span.cover （我在此省略了這部分，因為它實際上並不相關）。 span.cover應該完全覆蓋圖像。 如您在新示例中看到的那樣，第一個圖像未正確覆蓋，而其他圖像被正確覆蓋。 這就是我的問題-調整JavaScript甚至是CSS，以便在這種情況下也能正常工作。 請注意，我無法修改圖片的CSS（因此無法在圖片上使用絕對定位）。

Answer 1

您的span定位為絕對，因此不能向左或向右浮動。

這是我的版本：

A） http://jsfiddle.net/6zQp3/47/

B） http://jsfiddle.net/6zQp3/49/

現在，您可以將img + span放置在任何位置。