在这个系列第一章里可视化格式模型里就说到过,影响框的布局的几个因素: 1.框的尺寸和类型 2.定位体系 3.文档树中元素间的关系 4.外部信息 其中,我觉得在实际工作中处理最多的还要属定位体系的问题。定位体系,主要分三种,常规流(normal flow)、浮动(floats)、绝对定位...
分类:
其他好文 时间:
2015-06-14 13:48:13
阅读次数:
141
一. jQuery访问属性
jQuery attr demo
复选框
$(function(){
$("input").change(function(){
var $input = $(this);
$("p").html(".attr('checked') = " + $input.attr('checked') + ""
...
分类:
Web程序 时间:
2015-06-10 22:38:07
阅读次数:
187
2007年,初代iPhone发布,屏幕的宽高是 320 x 480 像素。下文也是按照宽度,高度的顺序排列。这个分辨率一直到iPhone 3GS也保持不变。那时编写iOS的App(应用程序),只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50)...
分类:
移动开发 时间:
2015-06-10 07:40:31
阅读次数:
29565
这个标题实在是我无奈之下才取出来的,毕竟我文采有限~今天我遇到的一个eggpain的问题:前提:当页面上有两个没有background的div,大小一样,绝对定位在同一个地方(让第二个遮挡住第一个),但是第一个div中有一个img,并且给这个div添加一个click事件出现的问题:点击第二个,居然触...
分类:
其他好文 时间:
2015-06-09 19:38:32
阅读次数:
114
看一看最终的效果:
下面我们就按照分析→设计→实现 三大步骤来完成这个导航的效果,学会了之后,会发现大多数电商都是用这样的效果的。我们先从把结构写好:一个nav包含上面一个div(全部商品分类),一个导航列表(ul li) 然后在每一个li里面都包含一个默认不显示的的大div(利用了绝对定位,这个div分成左边:小分类列表,右边图片广告)
因为我是用 纯css+html写的, 所以它的文件有...
分类:
Web程序 时间:
2015-06-09 13:49:26
阅读次数:
2256
一、定位:按标准看谁离得近来进行覆盖:什么都没有(最远)、浮动(远)、定位(近)二、positionabsolute 绝对定位,能堆叠在上一层下面,脱离文档流relative 相对定位,按照原来所在的位置进行定位,不脱离文档流static 该值为position的默认值fixed 可定位相对于浏览器...
分类:
其他好文 时间:
2015-06-09 13:34:54
阅读次数:
119
背景:html中的div可以说是布局神器,但是有些时候没有那种一步到位的属性来定义某个div来居中。故需要手动写css来调试代码(code):让层垂直居中于浏览器窗口 其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的...
分类:
Web程序 时间:
2015-06-09 11:20:04
阅读次数:
153
position:absolute——绝对定位元素,脱离了文本流(即在文档中已经不占据位置)。 1、absolute定位必须指定 left , right , top , bottom 属性中的至少一个,在没有设定TRBL值时元素遵从正常的HTML布局规则。 2、设定TRBL时,以最近有p...
分类:
其他好文 时间:
2015-06-07 18:48:38
阅读次数:
146
for循环计算坐标 webqq里面有类似桌面的各种图标,是绝对定位的,这样可以拖动改变位置,用浮动的话,没法拖动。 Document
分类:
其他好文 时间:
2015-06-04 17:02:26
阅读次数:
137
1、定位概述 定位:定义元素框相对于其正常位置应该应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置 普通流定位 浮动定位 相对定位 绝对定位2、普通流定位 页面中的块级元素框从上到下一个接一个地排列 每一个块级元素都会出现在一个新行中(比如元素、元素) 元...
分类:
其他好文 时间:
2015-06-02 14:47:02
阅读次数:
127