How to duplicate two objects overlapping on a grid.

I'm trying to create a clothing website. I'm going to list my items as images with a "Details" button floating on the bottom-right corner of the image. I want to make a div container where i have multiple objects lined up in a row, with floating objects added with Z-index. Is there a way to-do this without having to set each "Details" object top,right,bottom,left in relative to my container? Because their all forced to be relative to the container so far, and it's becoming a hassle to manually…
How to duplicate two objects overlapping on a grid.

See original post by Darius Shojaei