CSS 绝对定位

2019-09-08 郑州网站建设  

相对于定位使元素的位子和文档流有关,因此不占据空间。这一点和相对定位不同,相对定位现实上被看做寻常流定位模型的一一部分,由于元素的位置相对于它在寻常流中的身分。

寻常流中此外元素的构造就像相对定位的元素不具有一样:

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

以下图所示:

CSS 绝对定位实例

相对于定位的元素的位子相对于最近的已定位祖先元素,要是元素没有已定位的后人元素,那末它的职位相对付一开始的囊括块。

对于定位的首要题目是要记取每种定位的含意。以是,现在让咱们温习一放学过的知识吧:相对定位是“相关于”元素在文档中的初始身分,而相对定位是“相关于”比来的已定位祖先元素,假设不存在已定位的祖先元素,那么“相关于”最初的网罗块。

诠释:依照用户署理的一致,最初的搜罗块多是画布或 HTML 元素。

暗指:由于相对定位的框和文档流无关,以是它们可以掩盖页面上的其余元素。可以经过设置装备摆设 z-index 属性来管教这些框的堆放秩序。


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