此时你只要给浮动的对象，加上相对应的宽度，让其上下外边距为0 左右外边距为自动，就可以实现居中！
html中的CSS样式修改为：
#globallink ul {list-style: none
padding: 0px
overflow: hidden
width: 700px
margin: 0 auto
}
即可：
如图
其中修改的属性介绍：
1、margin：简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
当设置上下边距之后，在设置左右我自动（auto）即可实现自动居中！（前提是要给对象元素设置觉得的宽度！）
带有float的块元素是不能让它居中的，只能是左浮动，有浮动，如果想让它居中的话，你得把float去掉，然后加上 {margin: 0 auto}这个是居中显示的，意思是上下边距为0 ，左右边距自适应，这样它就相对于上一级的块元素居中显示了，最好你给这个块元素定义一个宽度。CSS有float:left和float:right，但能否实现float:center呢？水平居中浮动，当然是可以的，这里将介绍你实现方法。以下面的Li列表为例，我们要实现中间LI的居中浮动：
1 <div id="macji">
2 <ul class="macji-skin">
3 <li>列表一</li>
4 <li>列表二</li>
5 <li>列表三</li>
6 </ul>
7 </div>
我们需要先了解下position:relative属性，它是指left、right、top、bottom等中的偏移位置。我们可以让ul为position:relativeleft:50%，再让li向左浮动，再让position:relativeright:50%（或者left:-50%），那么li就会向中间浮动一样居中了。不相信的可把下面的CSS定义结合上边的代码拷贝到HTML测试。
view source
01 #macji{
02 position:relative
03 width:100%
04 height:80px
05 background-color:#eee
06 text-align:center
07 overflow:hidden
08 }
09 #macji .macji-skin{
10 float:left
11 position:relative
12 left:50%
13 }
14 #macji .macji-skin li{
15 position:relative
16 right:50%
17 float:left
18 margin:10px
19 padding:0 10px
20 border:solid 1px #000
21 line-height:60px
22 }
虽然这样用有些麻烦，但对于一个优秀的前端设计师，这个技巧还是有必要掌握的哦。
