css :after 清除浮动 

<div class="top">
    <div class="left">欢迎来到！</div>
    <div class="right">登录|注册</div>
</div>


.top .left{
    float: left;
}
.top .right{
    float: right;
}
.top:after{     //
    content:"";
    height:0px;
    width:0px;
    clear:both;
    display:block;
    overflow: hidden;
}

另外两种清除浮动：1.父盒用overflow：hidden;（有局限）     2. 添加 空的div，设置样式clear：both；

posted @ 2017-04-26 16:12  Hailinlu  阅读(1143)  评论(0)  编辑  收藏  举报