position中多次用到了relative和absolute，能不能具体介绍一下这两者的区别？ 一个是相对定位，一个是绝对定位。 absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bott
分类：
其他好文 时间：
2016-02-01 14:45:28
阅读次数：
116
页脚永远保持在页面底部 有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼容IE5.0 ，O
分类：
Web程序 时间：
2016-01-31 13:22:04
阅读次数：
127
absolute :将对象从文档流中拖出，使用 left ， right ， top ， bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义。 relative :对象不可层叠，但将依据 le
分类：
Web程序 时间：
2016-01-30 18:08:47
阅读次数：
151
三种定位 1. static 默认定位，基于文档流 (left,right,top,bottom,z-index对他没用) 2. relative 相对定位，这个元素基于原来的位置可以用l-r-t-b 来移动,原来的位置依然站着 3. absolute 绝对定位 ，脱离文档流 relative和ab
分类：
其他好文 时间：
2016-01-28 17:06:30
阅读次数：
258
路径中的字母，大写相对于左上角绝对定位，小写相对定位 M110,95,95,110M115,100,100,115 pattern 类似于图片拼贴，可以把指定位置的图案用来填充 var pattern = elem.pattern(100, 100, 10, 10); circle.attr({ f
分类：
其他好文 时间：
2016-01-28 16:44:39
阅读次数：
218
.game { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } 使游戏容器绝对定位之后，上下左右四边都与手机屏幕贴紧 http://isux.tencent.com/html5-game-de
分类：
移动开发 时间：
2016-01-28 15:09:39
阅读次数：
158
汉堡按钮的实现思想是：button内包含一个span，设置span为绝对定位，并设置背景颜色，使之成为汉堡按钮的夹心，同理，再用span:before、span:after，创造一上一下两片面包，具体实现如下： menu .hamburger{ display: block; ...
分类：
其他好文 时间：
2016-01-27 12:29:39
阅读次数：
305
绝对定位 有点像 float:left; 有包裹性 和 破坏性但是绝对定位会脱离文档流，高度没了，宽度也没了，绝对元素会层叠到一起position：absolute的块状元素会与float 元素重合，而行内元素不会img{float:left;} div{position: absolute;}.....
分类：
其他好文 时间：
2016-01-26 18:03:56
阅读次数：
125
先是HTML 一个父div包含四个绝对定位的div1234首先，一个静态的立方体.face:nth-child(1){-webkit-transform:/*rotateY(0deg)*/translateZ(2.5em/*halfthesidelength,5eminthiscase*/);}.f...
分类：
Web程序 时间：
2016-01-25 08:46:06
阅读次数：
325
最近在百度 IFE 训练营中看见的一道题目：用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化个人总结出如下三种实现思路：通过绝对定位实现See the Pen absolute-two-column by xal821792703 (@honoka...
分类：
Web程序 时间：
2016-01-24 23:54:52
阅读次数：
1347
