关于清除浮动的方法

254 阅读1分钟

关于清除浮动的方法

下班碰到HR看到他拿着面试题扫了一眼,看见了第一题上面写着清除浮动的方法有哪些?(希望可以帮助盆友们)

如果父元素没有高度,父元素里面的子元素浮动了,会影响布局,从而需要清除浮动

方法一:直接给父元素设置高度就可以了.

方法二:1.在父元素内容的最后面,添加一个块级元素。2.给块级元素设置clear:both 方法三:单伪元素清除浮动法clearfix clearfix::after{

                      content:'';
                       display:block;
                     clear:both; 
                     height:0;
                     visibility:hidden}                         

方法四:双伪元素清除法 clearfix::before, clearfix::after,

           {content:'';           
          display:table }
                      

方法五:给父元素设置 overflow:hidden

snipaste20220423_205419.jpg