css绝对定位、相对定位和文档流的那些事前言 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相...
分类：
Web程序 时间：
2015-01-24 10:05:07
阅读次数：
271
定位标签：position包含属性：relative（相对）absolute（绝对）1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素”相对于”它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍...
分类：
其他好文 时间：
2015-01-21 15:03:59
阅读次数：
179
一、左右布局，左侧div绝对定位，外div相对定位 1 2 3 4 5 Document 6 7 25 26 27 side28 29 驿外断桥边，30 寂寞开无主。31 ...
分类：
其他好文 时间：
2015-01-17 17:49:11
阅读次数：
262
绝对定位:设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。他们之间不会相互影响，而会在同一位置层叠。理解:当给一个div设置绝对定位时,这个div就会漂浮在文档流之上,不受任何影响,以浏览器左上角为00点,设left和top便可在浏览器的任何位置漂浮po...
分类：
其他好文 时间：
2015-01-11 06:06:03
阅读次数：
148
## 介绍 ### CSS Position有四个属性： 1. relative 2. absolute 3. fixed 4. static（默认） ## 样例 sub1 sub2 sub1和sub2是同级关系，parent是它们的父级元素。 ## 1. relative（相对定位） 相对定位指的是相对...
分类：
Web程序 时间：
2015-01-09 19:37:46
阅读次数：
168
position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。这个...
分类：
Web程序 时间：
2015-01-08 19:58:02
阅读次数：
172
绝对定位的元素是不占据空间的，它会出现在正常文档流的位置。 我们一般绝对定位，是先让那个父容器相对定位，然后子元素绝对定位，通过top和left来调整位置但是这样定位，自适应不好。 如果绝对定位后不调整top...
分类：
其他好文 时间：
2014-12-31 11:35:59
阅读次数：
382
制作斜角菜单就是利用边框的接角构造一个斜角，每一个菜单项的a元素，放置一个span元素，设置为corner类，实现斜角效果。设置a元素为相对定位，a是span的子元素设置其为绝对定位，再设置span的top和left为零，以便使斜角定位在以边框为界的左上角。以下代码显示效果如下 斜角菜单菜单1菜单2...
分类：
Web程序 时间：
2014-12-29 13:27:08
阅读次数：
209
postion:relative是子块级元素面向父级元素的相对定位，定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位，但是position移动后，原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。
float:right/left是子块级元素流集合面向父级元素的定位，定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于...
分类：
Web程序 时间：
2014-12-26 18:41:05
阅读次数：
227
position属性规定元素的定位类型。position：static | relative | absolute | fixed | inheritstatic: 默认值，没有定位，元素出现在正常的文档流中。relative: 生成相对定位的元素，相对正常元素进行定位。absolute: 生成绝对...
分类：
其他好文 时间：
2014-12-23 12:04:25
阅读次数：
149
