分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

精通css——position属性

发布时间:2023-09-06 02:21责任编辑:顾先生关键词:暂无标签

一:概念

1. static

  static是默认的流,没有top,  bottom, left, right属性和z-index属性

2. relative

  相对于该元素原先的位置进行定位,可以指定top, bottom, left, right属性和z-index属性

  元素仍存在原文本流中,在文本流中占据位置

  相对于最近的父元素定位

3. absolute

  相对于除static定位以外第一个父元素进行定位,可以指定top, bottom, left, right属性和z-index属性

  元素脱离文本流

  相对于最近的absolute或者relative元素定位

4. fixed

  相对于浏览器窗口进行定位,可以指定top, bottom, left, right属性和z-index属性

二:使用

1. 若想把一个定位属性为absolute的元素定位于其父级元素内,只有满足两个条件

  1. 设定TRBL

  2. 父级元素设定Position属性

2. 绝对定位超出可视区域范围会出现滚动条,相对定位元素在可视区域之外,滚动条不会出现

精通css——position属性

原文地址:https://www.cnblogs.com/happylich/p/9924570.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved