CSS定位

四种定位方式:(由元素设置position属性确定定位方式)

1.static(静态定位)----默认值,标准文档流正常位置(html中的位置),处于标准文档流中

2.relative(相对定位)----相对自身原有(正常)位置偏移,处于标准文档流中

3.absolute(绝对定位)----相对非默认定位的首个父元素(包含块)偏移,脱离标准文档流

4.fixed(固定定位)----相对浏览器窗口偏移来定位

·相对定位(position:relative)

定位特点:

--相对于自身原有位置(标准文档流正常位置)进行偏移

--仍处于标准文档流中(自身原有位置所占空间保留

--随即拥有偏移量letf/right/top属性&空间堆叠z-index属性


·绝对定位(position:absolute)

定为特点:

--建立已包含块为基准的定位(相对于static定位以外(非静态定位)的第一个父元素

  没有这样的父元素就是相对<html>偏移

--完全脱离标准文档流,对于html中的其他兄弟元素不造成任何影响

--随即拥有偏移量left/right/top属性&空间堆叠z-index属性


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1 92
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 5,810评论 0 15
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 1,108评论 0 5
  • 在CSS中关于定位的内容是:position:relative | absolute | static | fix...
    feelinghappy618阅读 657评论 0 0
  • CSS有3种基本的定位机制:标准流、浮动和绝对定位。除非专门指定,否则所有元素都在标准流中定位。也就是说,标准流中...
    WHealer阅读 364评论 3 2