2016-04-27 37 views
2

私は、2つのセルと1つのスパンを右のセルの内側に持つテーブルを持っています。私はスパンが行の左端に配置されるようにしたいので、私はこれらのスタイルを使用:FirefoxのでChromeで相対的な絶対位置を外に移動する位置

span { 
    position: absolute; 
    left: 0; 
} 
tr { 
    position: relative; 
} 

ここに見られるように、それがうまく機能:

enter image description here

しかし、クローム無視位置:相対とテーブルの外側スパン山車:

enter image description here

なぜこれが起こると、HOありません私はそれを解決することはできますか?ここで

はjsfiddleです:https://jsfiddle.net/9wa2sruu/

は事前にありがとうございました。 :)

+1

ああ...テーブルやポジショニング...いつも楽しいです。 –

+0

そこに行く:https://jsfiddle.net/9wa2sruu/10/ –

+0

@Paulie_Dそれは重複としてマークしていただきありがとうございます、私は同様の質問を検索しましたが、何らかの理由で私はそれを見つけられませんでした。だから '変形:スケール(1,1);'?ああ、CSS、時々あなたは私を殺す... @ _ @ – Stealth

答えて

0

あなたはこのようにしますか?

tr, td { 
    position: relative; 
} 

とhtml:

<tr> 
    <td><span></span></td> 
    <td></td> 
</tr> 

https://jsfiddle.net/9wa2sruu/9/

+0

ユーザーが選択した変数によっては最初のセルが削除されることがあるため、最初のセルにスパンを移動することはできません。プラットフォームの制約から、私はその構造を尊重し、CSSだけを使用しなければなりません。 – Stealth

+0

あなたはスパンの周りにdivを与え、それを絶対的にする必要がありますhttps://jsfiddle.net/9wa2sruu/10/ –

関連する問題