定位模式

本文详细解析了元素定位属性,包括定位模式如静态定位、相对定位、绝对定位,以及边偏移属性如top、bottom、left、right。阐述了每种定位模式的特点及应用场景,帮助读者深入理解元素在页面中的定位机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

元素的定位属性主要包括定位模式和边偏移两部分
边偏移
	top	定义元素相对于其父元素上边线的距离
	bottom
	left
	right
定位模式:
	  static	自动定位
	  	网页中所有元素都默认是静态定位
	  	唯一的用处 就是 取消定位
	  	
	  relative	相对定位 相对于原文档流的位置进行定位
	  	每次移动都是已自己左上角为基准点移动
	  	和浮动的区别是 他虽然移动了位置 但是原位置的div 还继续占有
	  absolute	绝对定位
	  	和浮动一样 不占位置
	  	若父元素没用定位 以当前屏幕作为基准点对齐
	  	若父元素有定位 以离的最近的有定位的父元素的左上角作为基准点
	  
	  子元素是 绝对布局
	  父元素是 相对布局
	  在父元素中加相对布局 实在子元素在父div中的绝对布局。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值