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 在行动装饰或平板可能没支援