首页 > 代码库 > css :after 清除浮动

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;

css :after 清除浮动