一、定位:positionstatic | relative | absolute | fixed | inherit ,各值含义如下: 1)static:元素框正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。2)relative:元素框偏移某个 ...
分类:
Web程序 时间:
2016-06-28 20:21:51
阅读次数:
136
一,Enfocus Switch 是什么? Adobe 公司大名鼎鼎的软件很多,最为人知的有: Adobe Photoshop,Adobe Acrobat,Adobe Premiere,Adobe InDesign,Adobe Flash …… 不给Adobe公司做广告了。 今天我要说的是 Enfo ...
分类:
其他好文 时间:
2016-06-28 18:31:03
阅读次数:
130
文档流:自上而下分成一行一行,每行中从左至右的顺序排列元素。网页大部分对象都占用文档流。 定位: float 浮动比较有用的是,前面的内容设置浮动后,如果不进行清除,后面的标签会跟上来,且标签里面的内容会排在设有浮动标签的后面,但其标签是占有整行的。 position position设置了abso ...
分类:
其他好文 时间:
2016-06-27 19:24:27
阅读次数:
122
问题描述: 在一个很简单的测试页面中 简单的两块布局,上下两块均没有单独设置字体大小,都用body继承的大小,即40px。我们现在给第一个块.fl 加上浮动 float:left; 另外一个块处于正常文档流,不做任何操作。我们会发现,在chrome的手机调试模式下页面的渲染会发生怪异的行为,上下的字 ...
分类:
移动开发 时间:
2016-06-24 10:45:12
阅读次数:
168
relative 没脱离文档流 absdute 完全脱离文档流 margin :auto 失效 相对整个文档偏离 相对父级定位 fixed 脱离文档流 与绝对定位特性一致 3.P标快不能包块级标签 4.相对fixed定位 5.z-index 默认按顺序从低到高 z-index 的值 :1-无名大(9 ...
分类:
其他好文 时间:
2016-06-23 01:00:59
阅读次数:
124
static和relative的用法比较清晰,在此就不做讨论了,值得注意的是static定位,即默认没有定位的元素忽略 top, bottom, left, right 或者 z-index 声明;而relative定位的元素虽然没有脱离文档流,同样忽略 top, bottom, left, rig ...
分类:
Web程序 时间:
2016-06-21 09:14:08
阅读次数:
199
CSS 中有三种定位机制:普通流、浮动、绝对定位。(默认为普通流) 改变文档流:display: inline-block; (支持到ie8及以上) 1-匿名块框: 这一块中的“你好”,属于匿名块框,因为它没有与专门定义的元素想关联。 2-相对定位 元素相对定位就是相对于它本来的位置来定位的。 元素 ...
分类:
Web程序 时间:
2016-06-20 06:49:07
阅读次数:
170
我们知道,子元素浮动或者相对定位,元素都会脱离文档流。而父元素如果没有设置固定高度,在计算高度时,就不会计算浮动子元素所占的高度。但是,有时候我们需要父元素计算其所有子元素的的高度(包括浮动元素)来调整自己的宽高,以便调节自身的背景 border等,此时,只需要给父元素添加css属性: overfl ...
分类:
其他好文 时间:
2016-06-19 01:11:41
阅读次数:
164
CSS中浮动的主要目的有两种,一是为了实现文字绕排图片的效果,而是为了创建多栏布局。不得不说浮动浮动和清除是用来组织页面布局的一柄利剑,这柄剑的剑刃就是 float 和 clear属性。稍有不慎,剑走偏锋,页面就会变得满目疮痍,只有洞悉背后的玄机,方能游刃有余。 大家都知道浮动元素会脱离常规文档流,... ...
分类:
其他好文 时间:
2016-06-18 16:53:20
阅读次数:
193
1. Zepto 对象 不能自定义事件 例如执行: $({}).bind('cust', function(){}); 结果: TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象: 例如: $(''). ...
分类:
Web程序 时间:
2016-06-16 19:59:55
阅读次数:
305