2014-09-03 51 views
0

我有一個2 * 2矩陣,其中子div應該放大,其餘div應該隱藏。將子div設置爲父div的中心

我做了這個animation其中每一件事情都很好,除了div應該喜歡它來自它的位置,但是我的實現似乎都來自左上角。

示例: 當用戶點擊div二時,它應該看起來應該來自右上角,但現在它來自左上角。

任何建議,使這項工作

FIDDLE

+0

[見本(http://stackoverflow.com/questions/14654348/grow-div-from-top-right-corner)如果對您有所幫助。 – VPK 2014-09-03 06:31:56

+0

當我們嘗試動畫頂部和左側屬性@VaibhavKatole時,問題就發生了,感謝您的幫助 – StateLess 2014-09-03 06:48:22

回答

0

使用絕對定位。你可以預先聲明CSS或者注入JS。

.one, .two, .three, .four { 
    position: absolute; 
} 
.two, .four { 
    right: 0 !important; 
} 
.one, .two { 
    top: 0; 
} 
.three, .four { 
    top: 100px; 
} 
.big { 
    top: 10% !important; 
} 

See Updated Fiddle