CSS 清除浮动 伪类


参考链接:https://www.cnblogs.com/yingsu/p/7261904.html

不清楚浮动的结果和影响不再描述,清除浮动的代码别处也有很多,每种方法都有十分简洁的代码,我今天学到的是有伪类来清除浮动。他的原理简单来说就是再已经浮动的元素后面添加一个什么也没有的元素,以此来消除子元素因为浮动而让父元素塌陷的一种解决办法。

代码:

.clearfix:after{#在需要清除浮动的父元素中添加这个clearfix类。
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}

  

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;

}

优质内容筛选与推荐>>
1、The sixteenth day
2、PageFile Swap File
3、关于MongoDB的group分组
4、[翻译]ASP.NET MVC 教程 - 传递数据到视图母版页(适合动态绑定菜单)
5、拆分日记账追溯视图-来源应收类型为调整


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号