当给一个子元素设置浮动属性时，这个子元素就脱离了文档流，从形式上不再属于父元素，因此它的父元素的高度就会受到影响，内容不被撑开，为了清除子元素浮动带来的负面影响，可以有以下方法解决1,给直接父元素设置inline-block或float属性(不推荐)2,在浮动的子元素后面加上br标签并设置cle.....
分类：
其他好文 时间：
2015-08-16 19:37:21
阅读次数：
100
现在几乎所有主流的浏览器都支持position属性，下面是w3school对position五个值的解释：absolute:生成绝对定位的元素，脱离了文档流，相对于static定位以外的第一个父元素进行定位。元素的位置通过left,top,right以及bottom属性进行定位。元素可以通过z-in...
分类：
Web程序 时间：
2015-08-13 20:04:20
阅读次数：
113
css布局模型在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）层模型--绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right...
分类：
Web程序 时间：
2015-08-11 17:40:26
阅读次数：
145
绝对定位：如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，...
分类：
其他好文 时间：
2015-08-11 13:42:56
阅读次数：
127
一般情况下网页中的图片都是随文档流依次加载的，什么时候用到则什么时候加载，但是有些时候这样的加载方式往往会影响用户体验，比如鼠标hover 变换背景图片的时候，只有鼠标移入才会对变换的图片进行加载，这样就可能会出现片刻的加载空白现象；又比如图片显示后隐藏再显示网站内容等也是同样的道 理。为了在必要的...
分类：
其他好文 时间：
2015-08-11 11:59:50
阅读次数：
105
一般情况下网页中的图片都是随文档流依次加载的，什么时候用到则什么时候加载，但是有些时候这样的加载方式往往会影响用户体验，比如鼠标hover变换背景图片的时候，只有鼠标移入才会对变换的图片进行加载，这样就可能会出现片刻的加载空白现象；又比如图片显示后隐藏再显示网站内容等也是同样的道理。为了在必要的时候...
分类：
其他好文 时间：
2015-08-11 11:35:42
阅读次数：
119
position拥有三种定位方式：1.静态定位（static)2.相对定位 (relative)特点：相对与自身原有位置进行偏移仍处于标准文档流中随即拥有偏移属性和z-index 属性3.绝对定位(absolute)(fixed)特点：建立了以包含块为基准定位完全脱离文档流随即拥有偏移属性和z-in...
分类：
其他好文 时间：
2015-08-11 11:32:06
阅读次数：
98
一般情况下网页中的图片都是随文档流依次加载的，什么时候用到则什么时候加载，但是有些时候这样的加载方式往往会影响用户体验，比如鼠标hover变换背景图片的时候，只有鼠标移入才会对变换的图片进行加载，这样就可能会出现片刻的加载空白现象；又比如图片显示后隐藏再显示网站内容等也是同样的道理。为了在必要的时候...
分类：
其他好文 时间：
2015-08-11 06:53:04
阅读次数：
117
1. Zepto 对象 不能自定义事件例如执行： $({}).bind('cust', function(){});结果： TypeError: Object has no method 'addEventListener'解决办法是创建一个脱离文档流的节点作为事件对象：例如： $('').bind...
分类：
Web程序 时间：
2015-08-10 00:17:08
阅读次数：
150
float浮动原理 语法： float： left | right | none | inherit 原理： 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来float浮动特性 1.块元素在一排显示 2.内联元素支持宽高 3.默认内容撑开宽度 4...
分类：
Web程序 时间：
2015-08-07 01:37:18
阅读次数：
164
