前端经验

能够获取用户输入的组件,需要使用组件的属性bindchange将用户的输入内容同步到 AppService。<input id="myInput" bindchange="bindChange" /> <checkbox id="myCheckbox" bindchange="bindChange" />var input

如果在购买解决方案时,把 AppId 和 AppSecret 填写错误。小程序用户在登录时,便会返回错误码40029,错误信息MA_WEIXIN_CODE_ERR。此时便需要手动修改 AppId 和 AppSecret修改步骤如下:1) 登录会话管理服务器,进入/opt/lampp/htdocs/mina_auth/system/db/目录,查看db.ini文件,文件中保存着 云数据库 CDB 的ip、port、username、passwd以及 dbname 等信息。

【译】聪明人不做的十件事

禄小伟
1477
2016年07月11日

JQuery hover鼠标经过浮出标题效果

禄小伟
2949
2015年12月04日

最近在做扎根沈阳专题,中间要加一个年货大集的横切,效果大概是这样的, 默认只显示价格不显示商品名称,其实这个效果很好写,最简单的办法如下

据小说记载,郭靖使用降龙十八掌,30分钟就能放倒21棵松树;李寻欢每飞刀76次,能送51人见上帝

DUXCMS内容管理系统中的一匹黑马

禄小伟
8551
2014年03月26日

基于PHP的CMS系统目前几乎是由PHPCMS独占鳌头,但是这不意味着就不会有超越他的作品,DUXCMS就是CMS系统中的一匹黑马!

下面为大家介绍下这匹黑马的各项属性!


DUXCMS2.x三级导航高亮代码

禄小伟
3766
2014年03月26日

DUXCMS2.x 三级导航高亮代码   喜欢的可

禄's Z-Blog ASP 转 PHP 基本完毕

禄小伟
4585
2013年12月08日


历时2个月...

10月份网站原备案被人神共愤的某部注销了,没有办法只能重新备

中国讯网网站建设项目

禄小伟
2525
2010年12月11日

讯网首页

鼠标滑过效果


image

在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下:

先看下各个属性值的定义:

1、static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

2、relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常位置进行定位。可通过z-index进行层次分级。

3、absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。可通过z-index进行层次分级。

4、fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。可通过z-index进行层次分级。

static与fixed的定位方式较好理解,在此不做分析。下面对应用的较多的relative和absolute进行分析:

1、relative。定位为relative的元素脱离正常的文本流中,但其在文本流中的位置依然存在。如图1:

搞清Position属性,CSS+DIV定位分析(relative,absolute,static,fixed) - 禄's Blog www.webexp.cn

黄色背景的层定位为relative,红色边框区域为其在正常流中的位置。在通过top、left对其定位后,从灰色背景层的位置可以看出其正常位置依然存在。

2、absolute。定位为absolute的层脱离正常文本流,但与relative的区别是其在正常流中的位置不在存在。如图2:

搞清Position属性,CSS+DIV定位分析(relative,absolute,static,fixed) - 禄's Blog www.webexp.cn

可以看到,在将黄色背景层定位为absolute后,灰色背景层自动补上。

3、relative与absolute的主要区别:

首先,是上面已经提到过的在正常流中的位置存在与否。

其次,relative定位的层总是相对于其最近的父元素,无论其父元素是何种定位方式。如图3:

图中,红色背景层为relative定位,其直接父元素绿色背景层为默认的static定位。红色背景层的位置为相对绿色背景层top、left个20元素。而如果红色背景层定位为absolute,则情形如图4:

搞清Position属性,CSS+DIV定位分析(relative,absolute,static,fixed) - 禄's Blog www.webexp.cn

可以看到,红色背景层依然定义top:20px;left:20px;但其相对的元素变为定位方式为absolute或relative的黄色背景层。因此,对于absolute定位的层总是相对于其最近的定义为absolute或relative的父层,而这个父层并不一定是其直接父层。如果其父层中都未定义absolute或relative,则其将相对body进行定位,如图5:

搞清Position属性,CSS+DIV定位分析(relative,absolute,static,fixed) - 禄's Blog www.webexp.cn

除top、left、right、bottom定位外,margin属性值的定义也符合上述规则。

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

本站基于 阿里云服务器 + Ename域名 + Z-Blog 构建   |   站点地图   |   辽ICP备13003381号-4