absolute和float是同父异母的兄弟，因为它们具有相同点：包裹性与破坏性 absolute的特点 1、独立的，并且可以摆脱overflow的限制，无论是滚动还是隐藏； 2、无依赖，不受relative限制的，行为表现上是不使用top/right/bottom/left任何一个 ...

CSS中有3种定位机制：普通流，浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。顾名思义，普通流中元素框的位置由HTML元素的位置决定。块级框一个接一个地垂直排列，框之间的垂直距离由框的垂直外边距计算出。在本文中，我们主要讲解3种定位机制之一的绝对定位，这就需要深入了解relative ...

前面的话 　　CSS有三种基本的布局机制：普通流、浮动和绝对定位。利用定位，可以准确地定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。但元素究竟如何定位，定位到什么位置，主要依靠top/right/bottom/left这四个偏移属性。本文就定位中 ...

前言 CSS有三种基本的布局机制：普通流、浮动和绝对定位。利用定位，可以准确地定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。但元素究竟如何定位，定位到什么位置，主要依靠top/right/bottom/left这四个偏移属性。本文就定位中的偏移做 ...

其实前面的标准流和浮动流都很理解，就是定位不太好理解，特别是相对定位和绝对定位，很多刚开始学的同学不好区分。因此这里，小强老师和大家一起分享CSS定位的学习。 通过我们前面的学习，我们网页布局方法： 1. 标准流 （最稳定） 2. 浮动流 （float 其次） 3. ...

前面的话 　　对于所有定位，最后都不免遇到两个元素试图放在同一位置上的情况。显然，其中一个必须盖住另一个。但，如何控制哪个元素放在上层，这就引入了属性z-index 定义 　　利用z-index，可以改变元素相互覆盖的顺序。这个属性的名字由坐标系统得来，其中从左向右是x轴，从上到下 ...

一、浮动介绍 历史： 浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。 定位方式： 浮动让元素脱离正常流，向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素 ...

前面的话 　　浮动最早的使用是出自 src="#" align="right">，用于文本环绕图片的排版处理。如今浮动作为CSS中常用的布局方式，本文将就浮动内容做详细介绍和梳理 定义 float 浮动　 　　浮动元素脱离普通流，然后按照指定方向，向左或者向右 ...