网站建设
网页制作中的相对定位和绝对定位
来源： 网址： http://www.hmweb.net 更新时间：2014-03-25 22:34:05
在网站项目开发的过程中，无论是相对定位还是绝对定位，我们都是通过CSS布局来实现的，下面就来具体说一下：
相对定位
如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
|
1
2
3
4
5
|
#d_relative { position: relative; left: 30px; top: 20px;} |
以上代码表示id为d_relative的元素top设置为20px,将在原位置下移20像素。left设置为30px，那么元素向右移动30px。
绝对定位
绝对定位使元素的位置与文档流无关(因为与文档流无关所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制)，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
关键字：
上一篇：哈密400电话代申请
下一篇：动画网站跟HTML网站的区别
