绝对定位布局:使用position属性实现的网页布局CSS中规定的第三种定位机制能够实现横向多列布局以及较为复杂的定位:比如:带有遮罩层效果的提示框;固定层效果;全屏广告position拥有三种形式四种值:1、静态定位 static2、相对定位 relative3、绝对定位 absolute固定定位...
分类:
Web程序 时间:
2015-07-23 23:25:30
阅读次数:
135
弹出个div设置div的背景色及透明度当加载完成后remove这个div 或者 隐藏至于淡入淡出通过setTimeout或者setInterval改变透明度试试.test{width:100%;height:100%;position:absolute;background-color:#5c5c5...
分类:
Web程序 时间:
2015-07-23 21:12:53
阅读次数:
137
Ever wonder about that mysterious Content-Type tag? You know, the one you're supposed to put in HTML and you never quite know what it should be?Did yo...
分类:
其他好文 时间:
2015-07-23 17:29:47
阅读次数:
151
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", ...
分类:
Web程序 时间:
2015-07-22 18:17:06
阅读次数:
116
BFC,全称是Block Formatting Context,块级格式化上下文。
具体是什么,可以理解为页面元素的一种特性,触发了BFC的元素往往会产生一些对初学者而言意想不到的效果。
触发BFC的方法有下面几种,满足其中任意一种就能触发BFC:
浮动元素(float除了none以外任意值)
绝对定位元素(position为absolute或fixed)
display为inline-bloc...
分类:
Web程序 时间:
2015-07-22 01:37:32
阅读次数:
161
position有以下属性:static、inherit、fixed、absolute、relative前三个好理解好区分:static:是默认状态,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。nherit:从父元素继承 po...
分类:
Web程序 时间:
2015-07-21 22:13:23
阅读次数:
157
1.position的absolute与fixed共同点与不同点
相同点:(1)改变行内元素的呈现方式,display被置为block。(2)都脱离了文档流,不占据空间(3)默认会覆盖到文档流的上方
不同点:(1)absolute相对于定位了的父元素,fixed相对于浏览器窗口定位,滚动页面,元素相对于浏览器窗口的位置不变
2....
分类:
Web程序 时间:
2015-07-21 20:38:50
阅读次数:
153
Position with border outer edgeCSS box-flexalign-itemsjustify-content
分类:
其他好文 时间:
2015-07-20 18:23:59
阅读次数:
118
标签云,纯js代码实现!
一、效果图
二、代码
#div_tag {position:relative; height:540px; border: 1px solid #0097d3;}
#div_tag a {
position:absolute;
...
分类:
Web程序 时间:
2015-07-20 16:31:45
阅读次数:
97
相对定位和绝对定位
·定位标签:position
·包含属性:relative(相对) absolute(绝对)
1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)
...
分类:
Web程序 时间:
2015-07-20 16:27:27
阅读次数:
132