前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【原创】CSS中元素浮动以及清除元素浮动

【原创】CSS中元素浮动以及清除元素浮动

作者头像
零点
发布2023-03-03 20:47:19
6030
发布2023-03-03 20:47:19
举报
文章被收录于专栏:微科技微科技

元素浮动,使元素并排显示 属性folat 属性值folat:left左对齐 属性值folat:right右对齐 浮动的作用:使元素并排显示,并且每个元素间没有间隔,脱离文档流 清除元素浮动: 清除元素浮动的原因:

代码语言:javascript
复制
   元素浮动后,会遮挡已经浮动的元素后边的元素位置,使浮动元素后边元素显示不全。

清除办法:

代码语言:javascript
复制
   1.在浮动元素后,新建一个块级元素。
   2.设置该块级元素属性clear
       属性值:left 清除左浮动
       属性值:right 清除右浮动
       属性值:both 清除左右两边浮动(只要元素有浮动,无论左右两边浮动都可以清除)

清除浮动后需要对清除浮动的块级元素进行优化

代码语言:javascript
复制
   1.设置块级元素高度和字体尺寸为0px
   2.设置块级元素visibility属性值为hidden
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档