绝对定位的特征： 1、使用CSS样式规则{position：absolute；}声明 2、使用一到多个偏移属性（top、right、left、bottom）相对于容器块的边缘进行定位。没有设置偏移属性的，默认被设置为auto。偏移值应用于元素和的外边缘（如果有margin值的话，就包括margin值 ...
分类：
其他好文 时间：
2016-05-22 20:06:19
阅读次数：
155
positon:static|absolute|relative|fiexd 1、static为默认值，没有定位，元素出现在正常的文档流中，忽略left,right,top,bottom,i-index值。 2、absolute为绝对定位，通过left,top等值对元素进行定位，定位时如果父元素的p ...
分类：
Web程序 时间：
2016-05-21 23:00:47
阅读次数：
192
源码分析： Dropdowns.scss：下拉框模块 Javascripts/bootstrap/dropdown.js：实现下拉框响应 实现功能及原理： 下拉选项卡，默认不能实现显示选中项的功能 原理： 1、利用dropdown类作为定位点，然后让子级的列表dropdown-menu绝对定位实现， ...
分类：
其他好文 时间：
2016-05-21 19:02:15
阅读次数：
149
标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！
所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。
大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个名...
分类：
Web程序 时间：
2016-05-21 10:18:48
阅读次数：
295
IE6/IE7下父元素有相对/绝对定位时，子元素在IE6和IE7下overflow:hidden;失效 子元素有相对/绝对定位时，父元素overflow:hidden;失效 解决方法： 在要overflow:hidden;的元素上添加 position:relative 参考：http://www. ...
分类：
Web程序 时间：
2016-05-19 19:23:42
阅读次数：
151
前几天对行内元素<span>进行positon：absolute操作发现margin-top居然生效了，心想难道给行内元素加上这个absolute和display浮动是一样的吗，于是找啊找啊，试啊试啊…… 这是在W3C上面看见的对于positon：avsolute之后的变化 块级框？好像是和posi ...
分类：
其他好文 时间：
2016-05-17 09:50:51
阅读次数：
203
position的absolute绝对定位使元素相对于上一个position为relative或者fiexd或者absolute的父级元素进行定位，原文档流位置是不保留的，relative相对定位是相对于自身进行定位，并保存了原文档流，即是没进行relative之前所在的文档位置，在relative ...
分类：
其他好文 时间：
2016-05-16 08:11:05
阅读次数：
205
一 综述： float position 对于div布局的作用明显, 注意使用的细节也变得有必要了. float position 有相同的地方,都会脱离"文档流"(position中绝对定位),游离在"平面空间" 一旦使用不当会导致布局错乱和一些不好处理的bug; 二 float细节： 先看"原始 ...
分类：
其他好文 时间：
2016-05-14 15:33:35
阅读次数：
260
拖拽是前端常用的方法之一。实现的原理是通过给鼠标的位移来改变元素的位置，其实现的过程主要分3部分：鼠标按下mousedown，鼠标移动mousemove，鼠标抬起mouseup 前期准备给元素添加绝对定位，没有绝对定位是无法实现拖拽的。 第一步：开端，首先把鼠标移到元素身上，并按下，此时发生的动作是 ...
分类：
其他好文 时间：
2016-05-13 11:43:35
阅读次数：
149
今天看了别人写的图片滑动，看起来很酷，读源码时，似乎有些困难，就模仿着写了一个，实现的效果与原网页相同，不过自己的js代码，逻辑简单，有待改进。
ps：前两天写了旋转木马，那个兼容性不好，今天写这个网页的时候，也是按照这个思路，在谷歌浏览器上运行很好，火狐很多功能不能实现，由于wrap——panel使用了绝对定位，就将translate平移改为了left。改动后，各个浏览器运行的效果不错
...
分类：
其他好文 时间：
2016-05-13 04:26:05
阅读次数：
238
