关于浮动居中与清除浮动的问题

当一个元素是浮动的，如果没有关闭浮动时，其父元素不会包含这个浮动元素，因为此时浮动元素从文档流中脱离。
定宽的非浮动元素居中显示：margin：0 auto

css实现一行的二个浮动元素居中显示：

例：<div class:"fu">

<div class:"zi"></div>

<div class:"zi"></div>

</div>

css代码：

    .fu{

    float: left;
    position: relative;
    right: 50%;}

    .zi{

    float: left;
    position: relative;
    left: 50%;}

清除浮动

.clearfloat{
zoom: 1;
}
.clearfloat:after{
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}