标准文档流 标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。是CSS默认的排列方式。 HTML文档中的元素可以分为两大类：行内元素和块级元素。 行内元素（内联元素 inline element） 1.类似于文本的显示方式，逐行显示。 2.不支持宽和高，其宽度随着内容 ...
分类：
Web程序 时间：
2016-06-15 23:37:30
阅读次数：
284
在什么时候需要用到浮动呢？ 我们都知道当需要一个左中右三列布局的时候，就需要给左中右的三个div添加float 添加了浮动有什么影响呢？ 当一个内层元素是浮动的时候，其父元素也就不再包含这个浮动的内层元素，因为此时浮动的元素已经脱离的文档流。这个时候外层的div就无法被撑开，margin也会失效。 ...
分类：
其他好文 时间：
2016-06-15 19:08:02
阅读次数：
126
1. Zepto 对象 不能自定义事件 例如执行： $({}).bind('cust', function(){}); 结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象： 例如： $(''). ...
分类：
Web程序 时间：
2016-06-13 13:30:09
阅读次数：
235
包含块和绝对定位元素元素绝对定位时，会从文档流中完全删除，然后相对于其包含块定位，其边界根据偏移属性放置。定位元素不会流入其他元素的内容，反之亦然。这说明，绝对定位元素可能覆盖其他元素，或被其他元素覆盖。 绝对定位元素的包含块是最近的position值不为static的祖先元素，创作人员通常会选择一个元素作为绝对定位元素的包含块，将其position值设为relative且没有偏移：
显示如下...
分类：
Web程序 时间：
2016-06-12 02:10:38
阅读次数：
219
absolute的英文意思是绝对的意思,实际上是针对父级元素元素定位,如果父级元素没有position:relative|absolute,则追至再上一个父级元素,直至相对于文档的左上角定位，按照我们中国人的理解观念，这个其实是相对定位，是脱离文档流的。用了abolute属性，原有float属性将失 ...
分类：
其他好文 时间：
2016-06-08 01:44:01
阅读次数：
283
css定位：static fixed relative absolute static 正常流 top bottom left right 无效 fixed 基点：固定于浏览器窗口 relative 基点：相对于元素正常位置 主要功能 ：做absolute的父容器 不脱离文档流，占据空间 absol ...
分类：
Web程序 时间：
2016-06-07 20:55:00
阅读次数：
341
原理： 1.给ul一个绝对定位使其脱离文档流，left设置为0，把图片塞进ul里，编写一个“移动"函数，函数功能能够使ul的left以一个正速度向右跑动， 2.设置一个定时器，让"移动"函数每30(参数可变)毫秒执行一次 3.因为ul的长度会“跑”完，此时可以使ul的content也就是img增加一 ...
分类：
其他好文 时间：
2016-06-06 22:09:57
阅读次数：
217
display: inline-block: 可设置宽高的行级元素，如果inline-block元素本行无法显示完全的话则整个换行而不是里面的单词换行 position: 设置参照物，top,left,right,bottom就是相对于参照物的偏移量 poistion relative: 仍在文档流 ...
分类：
Web程序 时间：
2016-06-06 06:45:13
阅读次数：
171
1、标准文档流 在正常流中，在没有使用浮动或者定位的情况下，文本元素按照从上到下、从左到右的格式布局。这是浏览器的默认行为。在正常流中，块级元素从上到下依次排列，而行级元素从左到右依次排列。正常流中的元素影响其相邻元素的位置。 2、块级元素 前后换行显示，默认状态下独占一行； 块级元素可以作为容器， ...
分类：
Web程序 时间：
2016-06-05 00:53:59
阅读次数：
202
如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位 ...
分类：
其他好文 时间：
2016-06-03 21:34:11
阅读次数：
230
