首页 > 代码库 > css中相对与绝对定位
css中相对与绝对定位
定位在现今的页面当中是比较常见的,比如说一些固定在左右的广告之类的。
而我们在编写代码的时候,系统会默认我们的代码为静态定位
相对定位
被看作普通流定位模型的一部分,定位元素的位置根据元素本身开始的位置进行移动。使用相对定位的元素不管它是否进行移动,元素仍要占据它原来的位置。移动元素会导致它覆盖其他的框。
代码书写为,在css样式中添加。
position:relative;
下面写上要这个元素上下左右移动的像素距离。
绝对定位
相对于元素的上级或祖先元素进行定位,如果说元素的祖先元素当中,没有定位过的,那么此元素的定位位置就会相对于最初的包含块(body)进行移动。绝对定位的框可以从它的包含块向上、右、下、左移动。
相对定位和绝对定位的框都会让元素脱离普通流,所以都能覆盖页面上的其他元素,这个时候就可以通过设置z-index属性来控制框的堆放次序或者叫优先显示次序。
代码书写为,在css样式中添加。
position:absolute;
下面写上要这个元素上下左右移动的像素距离。
css中相对与绝对定位
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。