欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

相对于定位使元素的身分和文档流有关,因此不攻下空间。这一点和相对定位差别,相对定位着实被看做平庸流定位模子的一部份,由于元素的位置相对于它在平庸流中的身分。

平庸流中别的元素的布局就像相对于定位的元素不具备同样:

 

#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}

以下图所示:

CSS 绝对定位实例

绝对定位的元素的位置相对于最近的已定位祖先元素,要是元素不有已定位的后人元素,那末它的位子相对于开首的包括块。

关于定位的主要标题是要记着每种定位的意义。以是,此刻让咱们温习一放学过的知识吧:相对定位是“相关于”元素在文档中的初始地位,而绝对定位是“相关于”近来的已定位后人元素,如果不具备已定位的祖先元素,那末“相对付”开首的征求块。

讲明:依照用户代理的不合,一开始的网罗块多是画布或 HTML 元素。

暗示:由于绝对定位的框与文档流无关,所以它们可以笼盖页面上的其他元素。可以经过设置 z-index 属性来管教这些框的堆放次序。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c52184.shtml