位置: 编程技术 - 正文

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

  • 城市维护建设税的计税依据是什么
  • 企业增值税税负率怎么计算
  • 差旅费津贴需要缴纳个人所得税吗?
  • 电子发票怎么入库
  • 坏账准备计入营业收入如何报年报
  • 管理人员工作服计入什么科目
  • 生产部门领用低值易耗品,实际成本
  • 材料已入库,发票账单未到的会计分录
  • 预付的固定资产没有收到发票怎么入账
  • 季度企业所得税计算公式
  • 支付各种办公费用
  • 单位起诉员工赔偿算劳动争议
  • 结算本月应付职工薪酬,其中生产工人工资为18000
  • 退货应入会计什么科目
  • 租车没有发票怎么入账
  • 积累与消费比例怎么计算
  • 小微企业所得税优惠政策最新2023
  • 企业向关联方借款是否可以无偿
  • 预付款和现金支付的区别
  • 制造费用分摊的账务处理怎么做?
  • 公司为员工承担房租
  • mac更新系统版本
  • 出口业务怎么做分录
  • printnow.exe - printnow是什么进程 有什么作用
  • 其他应收款的二级科目有备用金和老板名可以吗?
  • 本月暂估成本的会计分录
  • win7旗舰版系统鼠标不能动了
  • 未按规定开具发票怎么处罚
  • 纳税人提供劳务派遣服务,选择差额纳税的,按照5%
  • php的session
  • 工程物资已到发票怎么开
  • vuex iframe
  • chrome安装教程
  • PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
  • 大前端2021
  • mail命令详解
  • 完美解决win10间歇性掉线
  • 增值税减免附加税用计提吗
  • 逆回购要手续费吗
  • 端午节过节费发放通知
  • 公对公的税票是怎么个流程
  • 应收账款让售会计怎么做
  • sqlceil函数用法
  • 小规模纳税人收入会计分录
  • 金融资产是分为哪三分类?
  • 其他权益工具影响所得税吗
  • 企业注销时实收资本怎么处理
  • 出口退税免抵退税额要交城建税吗
  • 增值税专用发票怎么开
  • 销售产品收到现款120元是什么制
  • 快递费专票可以报销吗
  • 长期应收款是否计提坏账准备
  • 错误凭证如何处理
  • 仲裁期间公司发工资了怎么办
  • 明细账的登记方向与总账的登记方向是一致的
  • sql server使用的是什么逻辑模型
  • 所有符合条件x+5的绝对值加x- 2的绝对值等于七的数x
  • Win7系统连接vpn失败且提示错误代码868的2种解决方法
  • incomp.file ver什么意思
  • 查找注册表命令
  • openfiledialog怎么用
  • win10一周年深色主题
  • xp升级win8.1
  • 红石id
  • Linux下OpenVPN配置静态密钥(static-key)验证教程
  • bootstrap-Treeview实现级联勾选
  • jquery简单例子
  • android:Fragment动画那点事
  • 百分比的介绍
  • cocos2dx4.0入门
  • rgb颜色相加
  • react和nodejs
  • shell脚本 -ne 0
  • 刮刮奖软件下载
  • python if none
  • wxpython怎么用
  • 广西国家税务总局电子税务局官网
  • 出租车票真伪查询官网
  • 税务非正常认定条件
  • 证券行业的税务问题
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设