位置: 编程技术 - 正文

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布局的代码(脚本控制三行三列怎么写)

  • 增值税普通发票怎么开
  • 会计科目累计摊销是什么意思
  • 企业注销未分配利润要交个人所得税吗
  • 费用转利润分录怎么做?
  • 小规模纳税人网上申报税务操作流程
  • 境内企业得到境外企业的红利是否需要缴纳所得税?
  • 作废的发票怎么处理
  • 发票抬头是繁体字怎么办
  • 土地使用税怎么征收标准
  • 代扣代缴个人所得税现金流计入哪里
  • 电子发票有发票代码吗
  • 什么情况下税务会查账
  • 注册资本使用后账务如何处理
  • 车船税为什么没有优惠
  • 外购商品用于招待怎么做账
  • 房地产预售阶段增值税进项
  • 标准差超过多少不合理
  • 机动车销售发票如何认证抵扣?
  • 6月 全新windows
  • 实收资本或股本的账务处理
  • 职工教育经费是工资总额的多少
  • 预付维修费计入入账价值吗
  • 深入浅出stm8
  • 电脑打开文件夹选项
  • hpp是什么文件
  • 金融资产包括哪三大类及会计科目
  • 代理进口的增值税如何入账
  • 废旧物资处理计入什么科目
  • 员工补偿金分录
  • vue调整图标大小
  • laravel框架的优缺点
  • php中的类
  • 公司支付员工生育津贴怎么做账
  • 若依框架用到的技术
  • gpt3模型大小
  • 设备租赁经营部经营范围
  • 物业公司代收水费账务处理
  • 分公司发生的业务,开票给总公司
  • php写在html里不行
  • 英文好书推荐
  • 帝国cms首页怎么打开
  • 大气污染物排放2020标准
  • ajax 教程
  • SQLite3 API 编程手册
  • 销售货物收到货款
  • 会计凭证大小写不一致
  • 增值税发票丢失怎么补开
  • 制造费用属于费用性支出吗
  • 票据承兑和贴现是指
  • 建筑企业异地施工预缴企业所得税
  • mysql的日期时间函数
  • 生产经营个人所得税税率表
  • 小规模企业增值税税收优惠政策2023
  • 以前年度损益调整怎么做账
  • 工程类的增值税
  • 递延所得税会计处理全过程
  • 事业单位实收资本如何做账
  • 投资利润率怎么看投资好还是不好
  • 一般纳税人增值税减免政策2023
  • 持有至到期投资在资产负债表怎么填
  • 数字证书限额多少
  • 会计账簿的扉页只需填列账簿启用日期和经管人员一览表
  • sql教程
  • 全国县市区最多的省
  • win7系统安装无法继续怎么办
  • windows xp玩游戏
  • win7待机时间在哪调
  • 弹窗windows10安装失败
  • perl入门
  • 完本小说 电子书地址
  • js中||的用法
  • linux如何配置jdk
  • 命令行创建虚拟机
  • 将光标定位于输入端
  • js图片轮播和点击切换
  • 江宁市民之家上班时间?
  • 2020年保安证取消了吗
  • 税务部门的扣款协议
  • 国家税务局令第16号文
  • 餐厅税务依据有哪些
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设