CSS大小隱藏div的錯誤

我對每個縮略圖都有一個網格縮略圖和一個隱藏的覆蓋div。CSS大小隱藏div的錯誤

在每個縮略圖中單擊「共享」後，此隱藏疊加層將變爲可見。

我遇到的問題是，在變得可見時，這個隱藏的疊加佔用了整個窗口空間，而不僅僅是佔用縮略圖的大小。

每個縮略圖的疊加層應該與網格縮略圖（橙色框）的大小相同，而不是整個窗口。我已添加code example here。任何幫助提示都會很有用！

謝謝！

將卡片高度設置爲一些固定值，如#card {height：400px;}和您的.share_sheet { position：relative; top：-300px; left：0; – DimoMohit 2014-09-30 06:18:24

這是因爲你的'.share_sheet'是絕對位置。絕對使它成爲0,0到屏幕的下一個相對位置。

如果您將'#card'設置爲應該修復它的相對位置。

2014-09-30 06:11:13

令人驚歎！ @pateman。非常感謝！ – user3886632 2014-09-30 06:13:25

回答