CSS中absolute与relative

absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读。

Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。



一般来讲,网页居中的话用Absolute就容易出错,因为网页一直是随着分辨率的大小自动适应的,而Absolute则会以浏览器的左上角为原始点,不会应为分辨率的变化而变化位置。很多人出错就在于这点上出错。而网页居左其特性与Relative很相似,但是还是有本质的区别的。
Relative,CSS中的写法是:position:relative; 他的意思是绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位。





有时我们还需要依靠z-index来设定容器的上下关系,数值越大越在最上面,数值范围是自然数。当然有一点要注意,父子关系是无法用z-index来设定上下关系的,一定是子级在上父级在下。

winxp下apache+php+mysql 安装配置

一、 安装apache 并配置支持PHP
点击安装文件apache_2.0.50-win32-x86-no_ssl.msi将apache安装在 D:\apache2 目录(随自己喜好)下将php-5.0.0-Win32.zip 里内容解压到 D:\php 里找到 php目录里的 php.ini-dist 重命名为 php.ini 并拷到 windows目录里如我的php.ini是拷到 c:\windows目录再将php目录里的 php5ts.dll,libmysql.dll 拷到 系统目录(system/system32)
配置apache里的httpd.conf打开 D:\Apache2\conf\httpd.conf 这个文件找到 DocumentRoot "D:/Apache2/htdocs" 将其改为你的WEB目录(可不改)如我的为 DocumentRoot "D:/htdocs"找到 DirectoryIndex index.html index.html.var 在后面加入 index.htm index.php
选择安装模式: 模块化模式安装 或 CGI模式安装 (选一样即可)
--------------模块化安装配置------------------------------------
找到 #LoadModule ssl_module modules/mod_ssl.so 这行,在此行后加入一行LoadModule php5_module d:/php/php5apache2.dll其中d:/php/php5apache2.dll 为你php目录中php5apache2.dll所在的位置
找到 AddType application/x-gzip .gz .tgz 这行,在此行后加入一行AddType application/x-httpd-php .php
--------------CGI安装配置--------------------------------------
找到 AddType application/x-gzip .gz .tgz 这行,加入如下即可ScriptAlias /php/ "d:/php/"AddType application/x-httpd-php .phpAction application/x-httpd-php "/php/php-cgi.exe"
---------------------------------------------------------------
此时PHP环境基本已经配置成功 在WEB根目录(如我的D:/htdocs)里建一个名为test.php的文件内容如下

重新启动apache服务用浏览器打开
注意:1./ \和区别 原来用的是什么就用什么
配置完了要重启APACHE才ok
http://localhost/test.php如果可以看到php配置输出信息就OK了

二、安装mysql
安装NEXT到底,全部默认,中间只要设置一个root密码就ok了.

三、配置php.ini并测试mysql(php.ini为 d:\windows下的 php.ini)
找到extension_dir = "./" 改为 extension_dir = "d:/php/ext"找到;extension=php_mysql.dll 将';'去掉改为extension=php_mysql.dll找到;session.save_path = "/tmp"将';'去掉 设置你保存session的目录,如session.save_path = "D:/php/session_temp";
重启apache服务在Web根目录下(如 D:\website)建立testdb.php文件内容如下:$link=mysql_connect('localhost','root','123456');if(!$link) echo "fail";else echo "success";mysql_close();?>用浏览器打开http://localhost/testdb.php 如果输出success就OK了。

四、phpmyadmin的安装配置
将phpMyAdmin-2.5.7.zip解压到WEB根目录中去,重命名文件夹为phpmyadmin或其
它打开phpmyadmin 目录中的 config.inc.php找到$cfg['Servers'][$i]['user'] = 'root'; $cfg['Servers'][$i]['password'] = '123456';分别填上你mysql的用户和密码即可。