首页 相关文章 详解网页设计中的定位与定位应用

详解网页设计中的定位与定位应用

  定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样。如果理清了定位的原理,那定位会让网页实现的更加完美。

  定位的定义:

  在CSS中关于定位的内容是:position:relative | absolute | static | fixed

   static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。
  relative 不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。
  absolute 脱离文档流,通过 top,bottom,left,right 定位。选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。
  fixed 固定定位,这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

  CSS中定位的层叠分级:z-index: auto | namber;

  ...[ 查看全文 ]

2016-02-19 标签:

详解网页设计中的定位与定位应用的相关文章

手机页面
收藏网站 回到头部