Loading

CSS 清除浮动的方法

CSS 清除浮动的方法


  1.   clear:both;
    
  2.   overflow:hidden;
    

先简单记录一下,以后再补充。


补充:企业级清除浮动最佳方法
clearfix方案
使用伪元素after,在父元素尾部添加一个元素,
对这个伪元素添加清除浮动的样式
必备三个样式:content,clear,display
可选三大样式:height,font-size,visibility
例如:

.clearfix:after{
	content:"";
    clear:both;   
    display:block;
    }
.clearfix:after{
    content:"";
    clear:both;
    display:block;
    height:0px;
    font-size:0px;
    visibility:hidden;
    }
posted @ 2020-07-17 19:55  sq800  阅读(125)  评论(0编辑  收藏  举报