1.已知宽度高度，绝对定位之负边距margin 2.line-height 方式，适用于文本居中 ...
分类：
Web程序 时间：
2016-06-22 00:08:42
阅读次数：
204
div布局：依靠css样式表来设置div的样式，如果div没有内容，必须设置高度和背景色，才能看到div； 布局：position: absolute:绝对定位！如果父容器没有absolute属性，那么此标记就会继续往外找，如果都没有，它就会以浏览器的左上角为起点定位； relative:相对定位！ ...
分类：
其他好文 时间：
2016-06-21 22:24:40
阅读次数：
256
常常使用position用于层的绝对定位，比如我们让一个层位于一个层内具体什么位置，为即可使用position:absolute和position:relative实现。 一、position语法与结构 - TOP position语法： position : static absolute rel ...
分类：
Web程序 时间：
2016-06-21 20:35:35
阅读次数：
201
div布局：依靠css样式表来设置div的样式，如果div没有内容，必须设置高度和背景色，才能看到div； 布局：position: absolute:绝对定位！如果父容器没有absolute属性，那么此标记就会继续往外找，如果都没有，它就会以浏览器的左上角为起点定位； relative:相对定位！ ...
分类：
其他好文 时间：
2016-06-21 20:34:44
阅读次数：
118
生成绝对定位的元素，选择第一个position不等于 static 定位的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "ri ...
分类：
Web程序 时间：
2016-06-21 17:32:33
阅读次数：
149
布局的原理： 用一个类名为item的div作为图片的容器，每个item的宽都相等，高度自适应，使用绝对定位。第一行的item只需要处理left就不详细说了。第二行以后：获取到第一行的item的高度作为这一列的高度，找到其中最小的值，那么从第二行开始的item的top值就等于这个值，而left就等于这 ...
分类：
Web程序 时间：
2016-06-21 17:28:06
阅读次数：
156
一、absolute绝对定位的流行用法 一般而言，我们会用absolute绝对定位做什么呢？就是绝对定位，顾名思意，定死在某个位置上。例如，lightbox效果就是使用的绝对定位，例如新浪微博的弹出提示信息，我要转发李冰冰姐姐的微博，结果就会弹出： 还有就是与父relative相对定位标签结合使用， ...
分类：
其他好文 时间：
2016-06-21 12:24:33
阅读次数：
175
1、原理：先创建一张img图片，用filter滤镜制作毛玻璃效果。 2、利用绝对定位，使canvas刚好盖在img上面。 3、利用canvas原生clip函数剪辑一个圆形。 地址：http://sandbox.runjs.cn/show/c3mlltak 源代码： ...
分类：
微信 时间：
2016-06-20 14:06:35
阅读次数：
329
CSS 中有三种定位机制：普通流、浮动、绝对定位。（默认为普通流） 改变文档流：display: inline-block; （支持到ie8及以上） 1-匿名块框： 这一块中的“你好”，属于匿名块框，因为它没有与专门定义的元素想关联。 2-相对定位 元素相对定位就是相对于它本来的位置来定位的。 元素 ...
分类：
Web程序 时间：
2016-06-20 06:49:07
阅读次数：
170
2D居中效果 div{ width: height: backgroundcolor: position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) } 将DIV绝对定位后，使用transform（使改变，使移动）将其移动。 ...
分类：
其他好文 时间：
2016-06-18 23:42:02
阅读次数：
174
