美文网首页
css定位-absolute

css定位-absolute

作者: 喜欢打王者农药 | 来源:发表于2018-07-23 09:36 被阅读0次

1.absolute

生成绝对定位的像素,相对于第一个relative的父元素进行定位,如果父元素的属性是position:static的话,它会相当于浏览器窗口进行定位,一个要注意这个元素会脱离文档流。

1.父元素position:relative,子元素 absolute的时候

代码 效果图

2.当父元素没有position的时候,子元素存在absolute的时候

代码 效果图

相关文章

  • 二十,CSS定位概述与相对定位

    CSS定位:position:relative(相对)/absolute(绝对)/ static(无定位)/ fi...

  • css定位-absolute

    1.absolute 生成绝对定位的像素,相对于第一个relative的父元素进行定位,如果父元素的属性是posi...

  • 关于CSS定位

    在CSS中关于定位的内容是:position:relative(相对定位)absolute(绝对定位) ...

  • CSS相对定位(position)

    CSS定位方式有:相对定位(relative)、绝对定位(absolute)和固定定位(fixed) positi...

  • CSS定位

    CSS定位 定位有三种,分别是相对定位(relative)、绝对定位(absolute)、固定定位(fixed)。...

  • CSS 定位(postion、z-index)

    CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...

  • css课程学习

    1.css伪类### 2.css3新增伪类### 3.伪元素### 4.定位### 绝对定位(absolute):...

  • css绝对定位、相对定位和文档流的那些事

    css绝对定位、相对定位和文档流的那些事 margin塌陷 position:absolute; display:...

  • css中position定位

    css中有三种定位:static、fixed、relative、absolute static是正常定位 fixe...

  • css入坑之二

    css的元素定位->position属性 1.position:absolute 绝对定位。绝对定位是子元素相对于...

网友评论

      本文标题:css定位-absolute

      本文链接:https://www.haomeiwen.com/subject/eoddmftx.html