绝对定位——元素会脱离文档流，它的偏移位置是以最近已定位的祖先元素作为参照，如果没有已定位的祖先元素，则以顶级元素作为参照。可以通过index来控制层级。相对定位——元素不会脱离文档流，仍然占据原来的空间，它的偏移位置会以自身的占位空间作为参照。可以通过设置margin-top、margin-bot...
分类：
其他好文 时间：
2014-10-17 11:41:37
阅读次数：
194
在CSS中是有三种定位机制的：普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下，所有框都是在普通文档流中定位的。普通文档流： 普通文档流，顾名思义，就是根据块级元素的标签在HTML里的顺序，像水流一样，从上至下。当然对于行内元素而言，还是在一行中水平排列的。 这里插入一个积累的小知识.....
分类：
其他好文 时间：
2014-10-14 15:31:14
阅读次数：
195
(3属性 IE6不支持)position : static:默认 absolute：绝对定位 relative：相对定位 fixed:窗口定位（出现滚动条不随滚动条移动）z-index:定义层叠级别top：定位元素上距right：定位元素右距buttom：定位元素下距left：定位元素左距(...
分类：
Web程序 时间：
2014-10-14 11:55:28
阅读次数：
216
第一篇博文，把今天写的一个实现图片剪切效果的JS脚本发上来基本思路： 三层结构，第一层为透明度是0.7的图片，第二层为正常的图片，第三层使用一个DIV作为选取框，采用CSS中的绝对定位进行覆盖HTML代码 ...
分类：
其他好文 时间：
2014-10-13 00:49:08
阅读次数：
370
css定位(Positioning) 所谓定位，即允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 css提供了三种基本的定位机制：普通流、浮动和绝对定位。 position语法： position : static absolute...
分类：
Web程序 时间：
2014-10-11 02:20:54
阅读次数：
558
CSS2.0 HandBook上的解释：设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( ...
分类：
Web程序 时间：
2014-10-11 01:48:04
阅读次数：
279
（1）在浮动子元素后面添加（2）父元素CSS添加z-index:1; overflow:hidden;（3）绝对定位/静止定位(absolute/fixed);（4）父元素也跟着浮动（5）父元素设定高度（6）最佳方案：父元素CSS添加：overflow:auto;_height:1%;
分类：
Web程序 时间：
2014-10-11 00:26:44
阅读次数：
304
优秀的前端工程师总是优先考虑用CSS替代图片：效果图如上。这个动画并非GIF，而是纯CSS绘制，通过JavaScript定时器更新动画。基本思路是创建8个圆形div，绝对定位排列成圆圈，然后，依次通过opacity属性更新透明度，就得到一个loading的效果图。和GIF相比，CSS实现的好处主要在...
分类：
Web程序 时间：
2014-10-10 15:12:40
阅读次数：
260
1．三种定位机制：普通流，浮动，绝对定位2．行框：由一行形成的水平框，称为行框3．position（定位）stattic，元素正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置其于父元素中（默认）；即没有定位，元素出现在正常的流中（忽略t..
分类：
Web程序 时间：
2014-10-05 23:37:19
阅读次数：
288
前言：垂直居中有很多方式，我们要做的不是写出完美代码，而是在合适的情况下根据需求选择合适方式。主要方式：line-height绝对定位表格 display：table-cell主要需求：固定宽高不固定宽高主要兼容：ie8+ 主流浏览器ie6,7行高1. 利用行高与高度相同，实现单行文本居中缺点：只能...
分类：
Web程序 时间：
2014-10-04 13:59:36
阅读次数：
287
