float: 1、使当前元素div1脱离文档流; 2、影响紧挨着它的后面的div2,使其钻到div1的下面。但是div2中文字不发生变动。(div2没有浮动); 3、要想2个div并排显示,必须都要设置float; position: 1、相对定位 relative; 2、绝对定位 absolute ...
分类:
其他好文 时间:
2016-06-01 00:10:12
阅读次数:
221
还有一个要求是“中间一栏长度改变时,父元素的高度始终为子元素中最高的高度”,这个之后总结,先分析布局。 看到这个任务,首先想到的就是双飞翼布局,之后有看其他人的代码,总结了一下: 一、position方式: 左、中、右顺序可以任意调整。左右设置绝对定位脱离文档流,再通过left、right、top ...
分类:
其他好文 时间:
2016-05-31 22:35:25
阅读次数:
273
最近研究了下环形百分图如何用前端实现的,查了资料总结了以下2种方法,用多层div和canvas, 实例地址:http://play.163.com/special/tese-circle/ 一:用多层div实现 需要三个层绝对定位,当中的2个层分别用clip盖住左边和右边,控制旋转角度,漏出最底部有 ...
分类:
其他好文 时间:
2016-05-31 18:39:04
阅读次数:
264
1、绝对定位:position:absolute; 当一个div块的位置被定义为绝对定位absolute时,也就意味着它失去了文档流的位置,后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是0,那么它将漂浮在原来的位置上,否则,会根据相对该元素外的第一个非static属性的元素进行 ...
分类:
其他好文 时间:
2016-05-28 20:32:27
阅读次数:
154
要做动画,一般都是要获取元素的一些基本属性,比如宽,高,颜色等 但是对于动态创建的元素,是不能获取这些属性的 只有插入到dom中,经过渲染才能获取这些属性 但是一旦插入到dom当中,先获取在改变就会有跳动的效果 为了避免这种情况,有两种解决方案 一种是将元素设置绝对定位,获取之后然后在放到正确位置, ...
分类:
其他好文 时间:
2016-05-28 13:01:22
阅读次数:
270
position:定位 定位分四种: 1.静态定位 : 浏览器自动定位。 2. 相对定位 (position:relative):以前一个同一级元素的坐标位置来定位 3 .绝对定位(position:absolute):他是以父级元素的坐标位置来定位 4.固定定位(position:fied) : ...
分类:
其他好文 时间:
2016-05-27 07:01:41
阅读次数:
177
盒子的定位 一、 定位 (position) 定位position 说明:设置对象的定位方式,可以让布局层容易位置绝对定位,控制盒子对象更加准确。 下面提供一些基础代码: 效果图: 1、static (静态定位) 在css的position中,设置static为默认值,它表示块保持在原本应该在的位置 ...
分类:
其他好文 时间:
2016-05-27 00:43:12
阅读次数:
309
妙味的官网和智能社的官网上,会看到一个带弹性的导航栏,这个导航栏的效果非常流畅,其实这个效果并不难实现,说一下思路:正常的导航栏布局,只是在第一个li前加一个div,设置定位为绝对定位,并给div设置背景,设置其z-index值为1,设置li的z-index值为2,设置其父元素ul为相对定位,li设 ...
分类:
其他好文 时间:
2016-05-26 09:56:18
阅读次数:
168
二、无缝滚动 如上图所示,现在很多网页都会实现这样的效果;它是如何实现的呢? 1、布局 注意如果想让一个div的位置发生改变,则最好给这个div加上一个绝对定位:position:absolute; obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标 ...
分类:
Web程序 时间:
2016-05-25 21:58:45
阅读次数:
210
1、定位标准PE头 DOS Stub长度不固定,所以DOS头不是一个固定大小的数据结构。DOS头位于PE的起始位置,通过DOS头去定位后面标准PE头的位置就是通过字段e_lfanew。 e_lfanew字段的值是一个相对偏移量,绝对定位时需要加上DOS MZ头的基地址。 也就是PE头的绝对位置是: ...
分类:
其他好文 时间:
2016-05-23 00:57:38
阅读次数:
204