导航条式样
<style type="text/css">
ul,li{
margin:0;
padding:0;
list-style:none;
}
#navtop{
width:100%;
height:45px;
background-color:#ecf0f1;
text-align:center;
overflow:hidden;
}
.navtop-skin{
float:left;
position:relative;
left:50%;
}
.navtop-skin li{
float:left;
margin:0px;
padding:0 20px;
position:relative;
right:50%;
line-height:40px;
border:solid 0px #000;
}
</style>
body
<body> <h1>跨浏览器实现float:center，No CSS hacks</h1> <div id="macji"> <ul class="macji-skin"> <li>列表一,我是浮动的</li> <li>列表二</li> <li>列表三</li> <li>这里可能是N</li> <li>这里可能是N这里可能是N这里可能是N</li> <li>1</li> </ul> </div> </body>
原文：http://www.cnblogs.com/wujixing/p/5842630.html