不建議在子物件使用margin來處理上下的距離，因為很容易發生父層margin塌陷問題(就是父層吃到子層的margin的意思)建議你可以在父層使用padding...
這邊有CSS的25種垂直置中的方式，自己挑一個去用吧https://ithelp.ithome.com.tw/users/20112550/ironman/20...
看來是瀏覽器本身渲染問題喔建議讓父層高度盡量在偶數而不要在奇數，這樣可以避免瀏覽器渲染時出現半顆像素的狀況而導致渲染出錯試試看吧
來看一下【金魚都能懂的網頁設計入門】這個系列的教學你應該問題會少掉很多https://ithelp.ithome.com.tw/users/20112550/i...
使用ＣＳＳ媒體查詢寫的，你可以看一下這篇的示範https://ithelp.ithome.com.tw/articles/10206534
自推一下或許你也可以參考看看這系列https://ithelp.ithome.com.tw/users/20112550/ironman/2072 這一篇有類似...
看樣子你的需求應該是摸到子層之後要變成像是lightbox蓋住整個畫面的效果吧，這樣你的父層就不要設定position就好了或者子層設定 fixed 也可以。不...
CSScoke的鐵人檔案