CSS-定位

元素的定位属性
1. 边偏移
top bottom left right
2. 定位模式(定位的分类)
position属性
static 自动定位(默认),对于边偏移无效,一般用来清除定位,不脱标,占有位置
relative 相对定位,相对于其原文档流的位置进行定位,不脱标,占有位置
absolute 绝对定位,相对于其上一个已经定位的父元素进行定位,完全脱标,占有位置
fixed 固定定位,相对于浏览器窗口进行定位,完全脱标,不占有位置,不随着滚动条滚动

“子绝父相”
1. 相对定位,占有位置,不脱标
2. 绝对定位,不占有位置,脱标
  当元素添加了absolute和fixed定位或者是浮动后,元素模式也会发生转换,都转换为行内块元素,如果不设置宽度,则由内容撑开。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 5,952评论 0 15
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,056评论 1 92
  • 在CSS中关于定位的内容是:position:relative | absolute | static | fix...
    feelinghappy618阅读 701评论 0 0
  • 1.什么是定位: css中的position属性,position有四个值:absolute/relative/f...
    茉莉_3492阅读 341评论 0 0
  • http://www.jianshu.com/p/4a1f36e9ca32参考链接 1.谁受浮动的影响,就让谁清除...
    温柔你要送嘻嘻阅读 181评论 0 0

友情链接更多精彩内容