美文网首页
清除浮动

清除浮动

作者: 优秀的人A | 来源:发表于2018-11-22 19:08 被阅读15次

    clear

    .box{
        width:100px;
        height:100px;
        background-color:red;
        clear:left;
    }
    清除左浮动
    

    .box{
        width:100px;
        height:100px;
        background-color:red;
        clear:right;
    }
    清除右浮动
    
    • both 可以清除对它影响最大的浮动
    • 可以解决高度塌陷

    .clearfix:after

    .clearfix:after{
        content:' ';
        display:hidden;
        clear:both;
    }
    谁塌陷就加上clearfix

    相关文章

      网友评论

          本文标题:清除浮动

          本文链接:https://www.haomeiwen.com/subject/ntkrqqtx.html