在響應式網格之外定位div

Question

我使用HTML5/CSS3/Jquery和媒體查詢創建響應式網站。

我有一整頁的圖像（畫廊），這是一個16列網格內的，所以它很好地擴展，以適應平板電腦/手機等

我也得到了一個div是絕對定位在網格之外，其目的是在光標懸停在其中一個圖像上時顯示文本/信息（每個圖像都有自己的信息）。

問題：

_ _ _ _ _ _ _ _ _ _ _ _   _ _ _ _ _ _ _ _ _ _ 
| _ _ _ _ _ _ _ _ |  | _ _ _ _ _ _  | 
||info | | 16 col | |  ||in|16 col |  | 
||  | | grid | | => || | grid |  | 
||_ _ _| | gallery | | => ||_ |gallery |  | 
|   |   | |  | |   |  | 
|   |_ _ _ _ _| |  | |_ _ _ _ _|  | 
|_ _ _ _ _ _ _ _ _ _ _ _|  |_ _ _ _ _ _ _ _ _ _| 

當我調整瀏覽器窗口，畫廊（主要內容/格）移入和覆蓋的「信息」股利。

我試圖使信息的div 相對定位，這在某種程度上工作，但最終調整頁面下來的時候搶購下面的響應16山坳容器的信息股利 - 不是我後我。

問題：

有沒有什麼辦法讓這兩個元素並排坐在，併爲雙方總是在頁面上可見至少到這種地步媒體查詢平板電腦（ 〜959px寬）踢？ （然後我可以刪除它）

任何意見/反饋/建議，非常感謝。謝謝。

Answer 1

As i see the example this could be one of the reason 

1. if you are making the info div as relative then add the z-index property to it. 
2. if you are making the info div as Absolute then provide the position property as left/top etc.