day50-清除浮动

背景

慢慢的开始把一些最基础的知识点记下来。
清除浮动的两种方法。overflow和伪类after。


css-float-hack

  • 结构
    <div class="float-container clearfix">
    <div style="float:right;"></div>
    </div>

方法

目前有两种方法清除浮动

方法一 overflow

.clearfix {
overflow: auto;
}

控制不好margins 和padding 就会出现scrollbars

方法二 ::after

.clearfix::after {
content: "";
clear: both;
display: table;
}

这个方法比较常用。

文章作者: lmislm
文章链接: http://lmislm.com/2019/03/02/2019-03-02/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 LMISLMのBlog