对css中的浮动属性float刨根解牛

1、浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

脱离常规流，由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

2、几张图说明浮动常见现象：

差不多就这么多啦，现在知道文字环绕图片的原理了吗？倒数第二张图就是最好的说明，浮动的元素的脱离常规流，使后面的元素和自己重叠，但后面的元素的内容又会从浮动元素的左边开始！！！！！！这就是浮动元素的独特之处，也是和绝对定位（也是脱离常规流）很重要的一个不同之处。

(备注：float在绝对定位和display为none时不会被应用。）

float虽然在绝对定位元素上是无效的，但可以和相对元素一起使用，效果相对于，先浮动，然后相对定位（所以浮动后的位置还会被占着的）

转载于:https://www.cnblogs.com/lxf1117/p/4132216.html

对css中的浮动属性float刨根解牛相关推荐

css中float详解,CSS浮动属性Float详解？史上最全Float详解
我们在学习css样式的时候,都知道css是盒概念,并且每一个盒子都是一个元素,下面我们就对CSS浮动属性Float进行详解,让你彻底了解Float. 一:什么是Float浮动? Float浮动是css ...
CSS中Position定位属性的使用
文章目录 CSS中定位属性的使用 position:absolute position:relative position:fixed position:sticky position:static ...
Web前端，CSS中的浮动、清除浮动
前言持续总结输出中,今天分享的是Web前端,CSS中的浮动.清除浮动.浮动和清除浮动是我们常用的css样式.今天我们就来了解他们. 1.浮动的作用早期的作用:图文环绕现在的作用:网页布局 • 场 ...
css margin属性 auto,css中margin:auto属性的使用方法
css中margin:auto属性的使用方法发布时间:2020-06-25 10:53:17 来源:亿速云阅读:221 作者:Leah 今天就跟大家聊聊有关css中margin:auto属性的使用 ...
浅析CSS中的overflow属性
随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) overflow属性的作用是规定当内容溢出元素框时发生的事情,定义溢出元素内容区的内容会如何处理. overf ...
css中clear:both属性的理解及用法
css中clear:both属性的作用是清除浮动,设置了浮动就会破坏文档流结构,影响后边的布局,此时在设置清除浮动便可解决这一问题,可以认为,设置了clear:both的当前元素会把前边元素中设有浮动 ...
css现在还用浮动吗,css3-9 css中的浮动怎么使用
css3-9 css中的浮动怎么使用一.总结一句话总结:用来做一般的行效果,比如说手机左右分布的头部导航栏.浮动的东西放到一个div中去,里面的内容根据需求左浮动或者右浮动,然后记得加上清除浮动. ...
html中overflow是什么标签,CSS中Overflow的属性是什么？Overflow属性详解
很多人学习css的时候,不太知道Overflow的属性是什么?怎么用Overflow的属性,下面Gxlcms为你总结一下Overflow属性和用法. 我们都知道,盒子的大小和盒子的位置都是可以用css ...
css text top,text-align属性(css中文本对齐属性)
text-align属性设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...

对css中的浮动属性float刨根解牛

对css中的浮动属性float刨根解牛相关推荐

最新文章

热门文章