CSS中position的妙用

简单起见,全部使用伪标签

1 利用两个嵌套的DIV,实现子DIV相对父DIV绝对定位

方法:

<div1><div2></div2></div1>

设置div1 position:relative,div2 position:absolution

这样就可以让div2在div1的位置基础上实现绝对定位

2 实现整块div的居中

.div居中 {  
  margin: auto;  
  position: absolute;  
  top: 0; left: 0; bottom: 0; right: 0;  
}  

上面代码可以结合1,实现div在某一个指定区域居中