div {
width:200px;
height:200px;
background-color:black;
position:fixed;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
}
我都是這樣寫螢幕置中效果，例如 PopOut.
設定 position:fixed，再用 top 與 left 把div推到正中間
margin-top:設為div寬度一半的負值
margin-width:設為div高度一半的負值
這樣便可將 div 推回來，將原點設置於 div 上下垂直的中心點

這樣寫PopOut 不是沒有RWD嗎? 如果要 要怎麼寫?

同樓上 我也在煩惱不同螢幕大小/瀏覽器縮放之後該怎辦所以才想用百分比%的方式使用google分頁block堆疊的方式，當瀏覽器變扁的時候

原po之所以兜不起來，是因為高度用百分比時並不是用

search bar就會被吃掉了。還是說一般業界也只強調左右伸縮

box 本身的 width 去算，而是和 box 的 width 用百分比時

@hit1205: 我上面問題超雜的，都不知道該怎麼釐清了

一樣，以該 box 的容器的 width 來算。所以 height: 18% 造出的高度會等於你用 width: 18% 時造出的寬度 @@ ~啊，我是針對你的第一題 XD如果需要 "高度" 的百分比，就我所知只能用 CSS3 裡的 vh或者用 JavaScript 來算了 @@然後 RWD 也不代表一定要全部都用百分比，可以控制在解析度到某個範圍時使用某種尺寸之類的 @@

position:fixed 在行動裝飾或平板可能沒支援