关于浮动元素li的居中方法

  这种办法想当不错，就是用相对定位来实现“float:center;”

 

.demo { 
border: 1px solid #CCC; 
margin: 5px auto; 
overflow: hidden; 
width: 1430px;/* 给包含ul的盒子设置宽度为浏览器窗口的物理宽度，发现li的内容仍然居中，说明无论是是否定宽，相对定位法均可以使float元素居中 */ 
} 
.demo ul { 
float: left; 
position: relative; 
left: 50%; 
} 
.demo ul li { 
border: 1px solid #555; 
float: left; 
position: relative;/* 只能用相对不能用绝对 */ 
padding: 5px; 
left: -50%;/* 或者right: 50%; */ 
list-style: none; 
margin: 10px; 
}