CSS 绝对定位

2019-09-08 郑州网站建设  

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

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

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

以下图所示:

CSS 绝对定位实例

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

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

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

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


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1381.html转载请标明出处,谢谢合作!
标签:
  • 元素
  • css
  • 定位
  • 相对于
  • 绝对
  • 使
  • 身分