美文网首页
CSS-定位

CSS-定位

作者: 哎呦呦胖子斌 | 来源:发表于2018-09-26 16:45 被阅读0次

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

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

相关文章

  • css-定位

    定位:position,当值为relative时可以设置left和right偏移量。 position 属性值的含...

  • CSS-定位

    元素的定位属性1. 边偏移top bottom left right2. 定位模式(定位的分类)positio...

  • CSS-定位

    一:定位种类 二:相对定位 2-1目录和代码 index.html index.css 三:绝对定位 index....

  • css-浮动,定位

    一,文档流的概念指什么?有哪种方式可以让元素脱离文档流? 答:文档流W3C规范中并没有document flow这...

  • CSS-定位2-绝对定位

    1、绝对定位概述 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者...

  • CSS-定位3-相对定位

    1、相对定位概述 如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元...

  • CSS-固定定位

    一:固定定位介绍 二:目录和代码 index.html index.css

  • CSS-定位4-浮动

    1、浮动的概述 (1)、浮动脱离文档流,浮动的框可以向左或右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止...

  • CSS-定位1-概述

    1、CSS定位原理 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。   块从上到下一个接一个地排列,框之间...

  • CSS-定位7-BFC

    1、什么是BFC 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。**...

网友评论

      本文标题:CSS-定位

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