輸入類型的按鈕，以獲取左，中，右位置的對象

Question

我在前面的問題中對此問題有幫助，但現在我想用svg代替css我有以下代碼http://jsfiddle.net/Len1/wzNjm/3/但形狀不適用當按下相應的按鈕，可以有人幫我的我是什麼意思

左鍵按下形狀變爲屏幕的左側

右鍵按下形狀去

例如右，中，左屏幕右側

中間按鈕按下的形狀去屏幕中間

Answer 1

我已更新您的小提琴與a working solution。一些提示：

1. 將您的CSS移動到<style>元素而不是內聯寫入。這樣可以避免像<div style="min-height:450px"; style="min-width:600px">這樣的拼寫錯誤（兩個獨立的樣式屬性和一個錯誤的逗號）。
2. 使用margin: 0 auto;來居中塊級元素。
3. 您的<rect>元素與包含<svg>元素的元素寬度不同，所以這會使其行爲異常。

我還爲主要<div>紅色着色，以便更容易地看到發生了什麼。