转: https://www.jianshu.com/p/07eb19957991 CSS里浮动float是个概念比较暧昧的属性，撸主最早对浮动 ...

在了解float之前，我们需要了解一个概念-标准文档流 文档流是文档中可显示对象在排列时所占用的位置。而标准文档流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。标准流里面的限制非常多，导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高，就要使文档 ...

css之浮动布局 本人博客：查看文章 1.什么是浮动：在我们布局的时用到的一种技术，能够方便我们进行布局，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置 2.浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左 ...

一、float设计初衷 因为float被设计出来的初衷是用于——文字环绕效果。即，一个图片一段文字，图片float:left之后，文字会环绕图片。 二、float多个特性 2.1. 破坏性 　　首先大家来看两个demo，如下图。第一个demo是一个简单不过的例子 ...

一、float设计初衷 因为float被设计出来的初衷是用于——文字环绕效果。即，一个图片一段文字，图片float:left之后，文字会环绕图片。 二、float多个特性 2.1. 破坏性 　　首先大家来看两个demo，如下图。第一个demo是一个简单不过的例子 ...

来源：https://blog.csdn.net/liveinmylife/article/details/51838939 1，flex布局是个什么东西？ 官方说法：Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex ...

　　浮动float： 　　　　浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 　　　　由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。(W3C) 　　绝对定位absolute: 　　　　设置为绝对定位的元素框从文档流完全删除 ...

所谓文档流，指元素在排版布局的过程中，元素会自动从左到右，从上到下的流式排列。脱离文档流呢，就是元素打乱了这个排列，或是从排版中拿走。 说到文档流呢，我们先来说一下元素，每个元素呢，都有display属性。 行内元素本身是display：inline属性例如:a b span img ...