css :after 清除浮动

寻技术 Html/CSS 2023年07月11日 73
<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;

关闭

用微信“扫一扫”