前端开发
文章平均质量分 55
冬枣0
这个作者很懒,什么都没留下…
展开
-
定位(position属性)
目录 1.相对定位(relative) 2.绝对定位 为了将元素放置任意位置,使用position属性来设置定位 (默认为static) 1.相对定位(relative) 特点: 元素开启相对定位后,去过不设置偏移量,元素不会发生任何变化 相对定位参照元素在文档流中的位置进行定位 相对定位会提升元素的层级 不会使元素脱离文档流 偏移量(offset): 在元素开启定位之后,通过偏移量来设置元素的位置 定位元素垂直方向由 top , bottom 两个属性控制,通常选择其一 ...原创 2022-04-18 19:47:27 · 408 阅读 · 0 评论 -
定位-元素层级
对于开启了定位的元素,可以通过z-index属性来指定元素的层级 1.z-index 需要一个整数作为参数,值越大元素层级越高,层级越高,越优先显示 2.如果元素的层级一样,则优先显示靠下的元素 3.祖先元素的层级再高也不会盖住后代元素 在box3里添加子元素box4,在开启定位后,使用z-index提升box3的层级,但是3始终在box4的下边,由此可见,祖先元素层级再高也不会盖住后代元素。 ...原创 2022-04-18 19:48:11 · 215 阅读 · 0 评论