当前位置: 首页 > Web前端 > CSS

css清除浮动方法总结

时间:2023-03-31 14:02:45 CSS

浮动浮动在网页布局中经常使用,但是浮动的块级元素脱离了标准的文档流,使得浮动元素的父元素没有高度,导致父元素没有高度,所以需要清除浮动对父元素的影响。本文介绍了几种清除浮点数的方法。清除浮动影响的几种方法:为父元素设置高度效果图:代码:

  • 首页
  • 文章
  • 问答
  • 帮助
  • About
外墙方法:使用空白块级元素添加css样式cleartoclearfloating注:块级元素用clearstyle不能在margin之外添加Distance属性rendering:Code:
  • 首页
  • 文章
  • 问题
  • 帮助
  • 关于
主要内容
内墙方法:使用空白块级元素添加css样式clear以清除浮动效果图:代码:内墙方式比外墙方式有相对优势method:设置内墙方法后,浮动元素的父元素会被拉伸,也就是说有一个高度给浮动元素的父元素添加overflow:hidden原意:意思是去除隐藏,溢出边框的内容会被隐藏效果图:代码:
  • 首页
  • 文章
  • 问题
  • 帮助
  • 关于
主要内容