位置: 编程技术 - 正文

CSS定位中Positoin、absolute、Relative的一些研究(css 定位)

编辑:rootadmin
Positoin属性有四个值: static、fixed、absolute和relative,后面两个在布局中的定位里是经常用到的,顾名思义,absolute是指绝对定位,即将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位,而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框。ralative是指相对定位,就是依据left,right,top,bottom等属性在正常文档流中偏移位置。   但是,怎么个绝对法,又怎么个相对法呢?以前我一直没有仔细去研究它,到具体应用时有时会有点迷糊,我相信很多朋友也会有这样的问题。今天我特意测试了一下,得出了以下结论: 1、当Positoin属性值为Relative时 对象原来占有的位置保留,其后面的对象按原来文档流仍然保持原来的位置 Top的值表示对象相对原位置向下偏移的距离 bottom的值表示对象相对原位置向上偏移的距离 两者同时存在时,只有Top起作用。 left的值表示对象相对原位置向右偏移的距离 right的值表示对象相对原位置向左偏移的距离 两者同时存在时,只有left起作用。 2、当Positoin属性值为absolute时 对象从文档流中抽取出来,原占有的位置被后面的对象顶替上来 Top的值表示对象上边框与浏览器窗口顶部的距离 bottom的值表示对象下边框与浏览器窗口底部的距离 两者同时存在时,只有Top起作用;如果两者都未指定,则其顶端将与原文档流位置一致,即垂直保持位置不变。 left的值表示对象左边框与浏览器窗口左边的距离 right的值表示对象右边框与浏览器窗口右边的距离 两者同时存在时,只有left起作用;如果两者都未指定,则其左边将与原文档流位置一致,即水平保持位置不变。   在Positoin属性值为absolute的同时,如果有一级父对象(无论是父对象还是祖父对象,或者再高的辈分,一视同仁,^_^)的Positoin属性值为Relative时,则上述的相对浏览器窗口定位将会变成相对父对象定位,这对精确定位是很有帮助的。   更多有关CSS的说明请参考手册:  辛苦了半天得出的结论,希望对大家有用。如果有疏忽之处,还请指正。

推荐整理分享CSS定位中Positoin、absolute、Relative的一些研究(css 定位),希望有所帮助,仅作参考,欢迎阅读内容。

CSS定位中Positoin、absolute、Relative的一些研究(css 定位)

文章相关热门搜索词:css_selector定位,css定位的几种方式,css定位技术,css定位中常用的选择器包括,css定位技术,定位css中的position,css定位position的定位有哪些,有那么特点?,定位css中的position,内容如对您有帮助,希望把文章链接给更多的朋友!

脚本控制三行三列自适应高度DIV布局的代码 !DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.Transitional//EN""

word-wrap在firefox中不起作用的解决方法 完整的css代码为word-wrap:break-word;overflow:hidden;这段代码应添加到td标签的样式中。另外,应该在外层的table标签中添加样式table-layout:fixed;

网页设计者需要了解的_网页字体大小数据参考 PointsPixelsEmsPercent6pt8px0.5em%7pt9px0.em%7.5ptpx0.em.5%8ptpx0.7em%9ptpx0.em%ptpx0.8em%.5ptpx0.em.5%ptpx0.em%ptpx1em%ptpx1.em%.5ptp

标签: css 定位

本文链接地址:https://www.jiuchutong.com/biancheng/375386.html 转载请保留说明!

上一篇:css 通配符用法总结(html通配符选择器怎么用)

下一篇:脚本控制三行三列自适应高度DIV布局的代码(脚本控制三行三列怎么写)

  • 收到汇算清缴退回企业所得税分录
  • 增值税专用发票有效期是多长时间
  • 国际反避税措施
  • 公司卫生纸是自己带还是公司买
  • 餐饮毛利率多少是赚钱的
  • 老板住酒店的住宿费发票入什么会计科目
  • 财务软件属于无形资产的哪一种
  • 营业外收入汇算清缴需要调整吗
  • 所得税的账务处理流程
  • 专票3个点和6个点哪个多
  • 资源要素包括哪三个方面
  • 贸易公司没有仓库需要做入库
  • 期间费用如何设置项目核算
  • 安全费用中的固定资产如何写会计分录?
  • 未摊销的费用怎样处理
  • 补上年所得税加滞纳金入哪个科目?
  • 公司车辆可以一年一检吗
  • 计提无形资产累计摊销9083.33
  • 应收账款减值准备和坏账准备的区别
  • 计提本季度所得税会计分录
  • 公司收到银行存款利息收入会计分录
  • 佳能2900打印机加碳粉教程
  • com2us密码找回
  • 企业合并的增值税处理
  • 红利所得的税法规定
  • 企业发行股票的溢价收入应计入
  • PHP:session_destroy()的用法_Session函数
  • 公司买发票的费用怎么做账
  • 未交土地出让金的处罚
  • php时间函数用法代码
  • 基于transformers的nlp入门 pdf
  • 开发成本怎么做分录
  • echarts在地图上标记图标
  • php调用网址
  • 企业报表年报
  • (WebFlux)004、WebFilter踩坑记录
  • MySQL主从数据库搭建
  • mysql的删除
  • mongodb 教程
  • 一般纳税人不开票收入怎么做账
  • 存货抵债如何做分录
  • 装饰公司财务工作内容
  • 补缴以前年度的税
  • 建设工程项目设计阶段的投资控制方法有哪些
  • 行政单位 预算会计
  • 无进项发票开具销项发票
  • 公司的软件服务器设置什么意思啊
  • 进项税额有抵扣期限吗
  • 应交税金借方余额在报表列示
  • 收到的专票必须当月认证吗
  • 其他流动资产是
  • macos终端删除文件
  • 华硕笔记本预装win11改win10
  • 在Linux系统中安装VS
  • centos部署tomcat配置
  • raid主要使用三种技术
  • SPBBCSvc.exe - SPBBCSvc进程是什么文件 有什么作用
  • 什么叫linux
  • win8系统出现闪屏
  • win7系统怎么关闭屏幕保护
  • win7筛选键
  • win7删除文件
  • ajax分页查询数据文档效果图
  • nodejs可以直接操作数据库
  • JQuery和HTML5 Canvas实现弹幕效果
  • Android Bound Service(二) ----- Using AIDL
  • real interval
  • jquery和html的关系
  • 实现一个完整的主要任务
  • jquery操作checkbox火狐下第二次无法勾选的解决方法
  • javascript基础题目
  • 西安市交房要交多少钱
  • 报废车税务怎么处理
  • 准予扣除外购的应税消费品已纳消费税税款的是
  • 税务机关党建动员大会
  • 重庆国家税务电子税务局官网登录
  • 平原新区郑州外国语学校
  • 进口车区别
  • 税收优惠政策能调动公众的捐赠积极性
  • 上海市松江区房价?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设