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

零点

发布于 2023-03-03 20:47:19

6040

发布于 2023-03-03 20:47:19

文章被收录于专栏：微科技微科技

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

   元素浮动后，会遮挡已经浮动的元素后边的元素位置，使浮动元素后边元素显示不全。

清除办法：

   1.在浮动元素后，新建一个块级元素。
   2.设置该块级元素属性clear
       属性值：left 清除左浮动
       属性值：right 清除右浮动
       属性值：both 清除左右两边浮动(只要元素有浮动，无论左右两边浮动都可以清除)

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

   1.设置块级元素高度和字体尺寸为0px
   2.设置块级元素visibility属性值为hidden

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

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

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

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

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

登录后参与评论

0 条评论

热度