DIV+CSS中相对定位与绝对定位的定位原则

前段时间在参加学校的校园网主页设计大赛的时候，第一次尝试用DIV+CSS来弄，结果在浏览器浏览的时候有些部位错位了，怎么调都调不到自己合适的位置，后来借了本CCS书来看，看到里面的关于盒子定位的问题，突然间才恍然大悟，稍稍明白了点其中的一点点真谛。为了不让这些真谛流失，所以便在自己的博客上记录一下，好方便自己以后阅读！(*^__^*)

相对定位的定位原则：
1、使用相对定位的盒子，会相对于它原本的位置，通过偏移指定的距离，到达新的位置。
2、使用相对定位的盒子仍在标准流中，它对父块和兄弟盒子没有任何影响。

绝对定位的定位原则：
1、使用绝对定位的盒子以它的“最近”的一个“已经定位”的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准进行定位。
2、绝对定位的框从标准流中脱离，这意味着它们对其后的兄弟盒子的定位没有影响，其他的盒子就好像这个盒子不存在一样。

Top Commentators

弱电生活 (3)

网站查询工具 (2)

锐智 (2)

AthensBird (1)

123 (1)

捷易通 (1)

yesvpn (1)

痕迹 (1)

锦州SEO (1)

去痘印面膜 (1)

22 Comments:

哇塞！沙发！

[回复]

619 said on: 2009年12月15日 10:59 下午
过来支持下你，这么多盒子太专业了

[回复]

先看看 said on: 2009年12月15日 11:55 下午
我也参加过很多的学校的比赛了。。。

[回复]

砖家 said on: 2009年12月16日 1:12 上午
没看懂，怨我愚钝~

[回复]

hfantasy said on: 2009年12月16日 3:45 上午
@619
嗯，你真有速度！

[回复]

Jankerli said on: 2009年12月16日 8:02 上午
@砖家
相信你一定拿了不少奖吧！呵呵～

[回复]

Jankerli said on: 2009年12月16日 8:03 上午
@hfantasy
不怨你，怨我！

[回复]

Jankerli said on: 2009年12月16日 8:03 上午
@先看看
谢谢支持！你的博客更有创意！

[回复]

Jankerli said on: 2009年12月16日 8:04 上午
呵呵经验之谈…

[回复]

jimli said on: 2009年12月16日 9:16 上午
我写不好divcss，以后我也要多去看看

[回复]

上海女seo朱云 said on: 2009年12月16日 11:07 上午
我来学习学习~~

[回复]

老七 said on: 2009年12月16日 12:26 下午
@老七
你应该是高手了吧，看你自己做的主题好有意思的！我好喜欢！

[回复]

Jankerli said on: 2009年12月16日 12:29 下午
@jimli
哎哟，看来你很有经验哦！

[回复]

Jankerli said on: 2009年12月16日 12:30 下午
这个我还不懂，以后要像哥们学习学习，呵呵

[回复]

罗泽阳 said on: 2009年12月16日 1:02 下午
作品呢？？？

[回复]

老七 said on: 2009年12月16日 8:48 下午
没你说的这么好哦。。呵呵还很菜呢@Jankerli

[回复]

老七 said on: 2009年12月16日 8:52 下午
参加比赛获得经验，有这样的机会很不错。

[回复]

三七八蛋 said on: 2009年12月16日 8:58 下午
@老七
呵呵，别那么谦虚，作品浏览地址在此：http://www.jankerli.com/hnist/
请多多指教啊！

[回复]

Jankerli said on: 2009年12月16日 10:04 下午
正有一搭没一搭的学习html呢……啥时候才能拨开云雾见日出。。
加个链接吧！网站：场子
网址：http://www.changzi.org
简介：场子有你更精彩！
贵站链接已做好。

[回复]

场子 said on: 2009年12月16日 10:22 下午
@场子
呵呵，加油吧，大家互相学习！
我现在就给你友链去！呵呵……

[回复]

Jankerli said on: 2009年12月16日 10:48 下午
在来支持一下

[回复]

罗泽阳 said on: 2009年12月18日 11:57 上午
@罗泽阳
呵呵，那你学会了没咯？

[回复]

Jankerli said on: 2009年12月18日 3:42 下午