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

当一个元素是浮动的，如果没有关闭浮动时，其父元素不会包含这个浮动元素，因为此时浮动元素从文档流中脱离。

定宽的非浮动元素居中显示：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;
}