使用CSS居中浮动元素的方法

方法一

设置容器的浮动方式为绝对定位
然后确定容器的宽高 比如宽500 高 300 的层
然后设置层的外边距

1.  div{   
2.         width:500px;   
3.         height:300px;   
4.         margin:-150px 0 0 -250px;   
5.         position:absolute;   
6.         left:50%;   
7.         top:50%;   
8.         background-color:#000;   
9. }  

方法二

父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。

1.   
2.        
3.        
4.        
5.         .p{   
6.             position:relative;   
7.             left:50%;   
8.             float:left;   
9.         }   
10.         .c{   
11.             position:relative;   
12.             float:left;   
13.             rightright:50%;   
14.         }   
15.        
16.     "p">   
17.         Test Float Element Center   
18.        
19.   
20.