首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS中的相对定位和绝对定位

定位布局属性:position

取值:statinc(默认)/relative(相对定位)/absolute(绝对定位)/fixed(固定定位)

1。relative(相对定位):元素设置相对定位,会参照元素本身在文档中的原始位置进行偏移,元素会保留元素的起始位置.

2。absolute(绝对定位):特点:元素设置绝对定位会脱离文档流,在文档中不占位,参照离它最近的已定位的祖先元素进行偏移,如果没有已定位的祖先元素,则参照浏览器窗口左上角进行偏移。

使用:父元素设置相对定位,子元素设置绝对定位,参照父元素的左上角进行偏移。

3。fixed固定布局:特点:元素设置固定定位,会脱离文档流,参照浏览器窗口进行定位,不跟随页面滚动而滚动

---------------------

作者:0二当家的0

来源:CSDN

原文:https://blog.csdn.net/why568310613/article/details/87164929

版权声明:本文为博主原创文章,转载请附上博文链接!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190217A0IG5Z00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券