admin 管理员组

文章数量: 1086866

右浮动的原理及规则

Web前端写页面，肯定离不开一种布局，左右布局，左右布局里面，最常用到，也少出问题的就是浮动对齐float/left/right。作为一个资深的老初级前端，别的不敢说，这个浮动我还是摸得很透彻的，前些日子与同事对这个右浮动产生了一些分歧，无法睡服他，也只能写一篇文章来做自我安慰了。
首先来说说浮动的概念以及其产生的效果。

定义和用法
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
可能的值
值 描述

以上是我摘抄的比较官方的说法，用来凑字数的，可以不用看，接下来看我的个人理解：
浮动是指一个元素相对下一个元素的排版方式，改变和直接影响的是本元素与下一个元素的排版；
第一个元素左浮动情况下，第二个元素流体排列无法填充上一个元素的高度时，第三个元素自动向上继承左浮动所产生的影响&

本文标签： 右浮动的原理及规则

版权声明：本文标题：右浮动的原理及规则 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1700343419a405608.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。