右浮动的原理及规则

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

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

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！