第一:相对定位和绝对定位 以下是一固定宽高的Div的垂直居中代码
复制代码代码如下: div{ position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px; border:1px solid #000000; }
position:absolute,绝对定位,可以把这个div看成漂浮于这个页面之上,通过top:50%和left:50%定位这个div的位置,但这个时候,垂直与水平居中的是这个div左上角这一点。所以,要让这个div的中心点位于整个页面的中间,需要使用负边界,