浮动

问题:子元素设置了float后,脱离父元素,导致父元素无法撑开?(也就是子元素的高度没有过渡到父元素)

例子:

前端面试题常考&必考之--清除浮动的方法

检查元素的效果:

前端面试题常考&必考之--清除浮动的方法

 

(三种)常用的解决办法:

1》额外标签法,添加一个空的div(在最后一个标签后面,新加一个<div></div>,给其设置clear:both)(常用)

前端面试题常考&必考之--清除浮动的方法

 

 

 

2》父元素增加overflow属性(这个用的比较少,因为正常功能会受到影响)

前端面试题常考&必考之--清除浮动的方法

 

 

3》使用after伪类元素清除浮动(添加在css上,html上没加内容)(推荐)

 

 

 前端面试题常考&必考之--清除浮动的方法

 

 

 

 

 

 

 

前端面试题常考&必考之--清除浮动的方法

 

相关文章:

  • 2021-05-19
  • 2021-09-09
  • 2022-12-23
  • 2022-12-23
  • 2021-09-25
  • 2021-05-09
  • 2022-12-23
  • 2021-12-14
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-08-19
  • 2022-12-23
  • 2021-12-19
相关资源
相似解决方案