搜索:

您的位置:首页-> 技术文章-> 网页设计-> Dreamweaver-> 口语解说网页相对定位与绝对定位

Dreamweaver

Dreamweaver
Flash
Fireworks
Frontpage
HTML/CSS
Javascript

本类阅读TOP10

·DreamWeaver,经典50问(2)
·Dreamweaver使用框架
·DreamWeaver,经典50问(3)
·Dreamweaver中空格问题的探讨
·DreamWeaver,经典50问(1)
·让用户自己控制网页字体的大小
·网页设计中排版与布局基础
·Dreamweaver精细化网页中表格的外观(1)
·行业网站设计心得
·Dreamweaver精细化网页中表格的外观(2)

精品推荐
口语解说网页相对定位与绝对定位

编辑:未知 来源:中国IT实验室收集整理 加入时间:2007-6-5 阅读次数


  我刚开始学习时也不是很明白它们到底有什么区别,经过多次的实践与对定义的理解,才渐渐明白过来,就象我们平时所说的会的不难,难的不会

  1.先说相对定位position:relative:是相对于它自身在文档中的位置,比如我们排队,你排到了第三个位置,如果用相对定位的话我们只能是相对于你自身,也就是相对于第三个位置,如果我们相对于那个位置我出了队列的话,我的那个第三个位置还是会保留的,也就是我虽然出了队,但那个地方还存在,还是我的,只是没有人,占用了一个空位置,好象说了太多的费话,但这主要是让你更准确的理解!

  补充:平时在很多网站样式表中会看到样式:position:relative;这是有用的,虽然没有定义left,right等,页面中看不出什么效果,但它是有用的,请接着往下看第2点。

  2.position:absolute|绝对定位:相对于一个“元素”的定位,比如我们平时用到的绝对定位默认都是相对于BODY,如果你想定义为相对于上一级元素,你的办法就是定义上级元素为position:relative,这样你就可以随心所欲了!

  总结:如果你对上面两条可以理解了,那很你用这两条基本原则一定可以做到为你所用,不会再让你不知所错!网上确实有很多的的教程说定位的问题,都大同小异,也太书面化了.所以我用口语话说了这些,希望对不能理解,想理解的好学者有帮助!



相关文章
  • 网页设计中各度量单位的比较
  • Dreamweaver网页制作:层及其应用
  • 如何合理的应用CSS整体布局声明
  • Dreamweaver合理为为网页进行优化
  • 让用户自己控制网页字体的大小
  • Dreamweaver8创建自定义代码片段
  • Dreamweaver8来构建符合标准的Web站点
  • Dreamweaver精细化网页中表格的外观(1)
  • Dreamweaver精细化网页中表格的外观(2)
  • Dreamweaver中空格问题的探讨
  • 相关软件

  • Adobe Dreamweaver CS3V1.1 简体中文免激活免注册版
  • 新概念Dreamweaver MX教程
  • Dreamweaver MX2004教程
  • Dreamweaver MX建站攻略
  • Dreamweaver经典50问
  • Dreamweaver UltraDev实例教程
  • Dreamweaver MX 探索
  • Dreamweaver与XML综合应用
  • Dreamweaver MX 2004指南