美文网首页
定位布局:position属性

定位布局:position属性

作者: wijgat | 来源:发表于2018-11-03 10:30 被阅读0次

position属性

属性功能

为一个元素设置位置区域

基本语法

position: absolute;

代码解析

设置元素定位方式为绝对布局。

定位的属性值

描述
absolute 生成绝对定位的元素,相对于static定位以外的第一个父级元素进行定位
fixed 生成绝对定位的元素,相对于浏览器窗口进行定位
relative 生成相对定位的元素,相对于其正常位置进行定位
static 默认值,没有定位,元素出现在正常的流中
inherit 规定应该从父级元素继承position属性的值

定位对文档流的影响

设置absolute和fixed属性都会导致元素脱离文档流;relative并不会使元素脱离文档流。

相关文章

  • 2019-01-04

    CSS布局1 说起布局就需要谈谈定位 谈及定位,我就得说说position属性 position static :...

  • CSS布局

    CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+float属性(浮...

  • 定位

    定位: 定位的类型: 定位就是通过设置position属性的值来覆盖默认的布局方式。 静态定位: position...

  • CSS定位锚点

    第一节 元素的定位设置 position属性 position属性:定义建立元素布局所用的定位机制说明: stat...

  • DIV+CSS布局2

    布局相关属性: 定位方式 —— position:relative(正常定位)absolute(根据父元素进行定位...

  • CSS布局

    CSS入门(3) CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+...

  • 定位布局:position属性

    position属性 属性功能 为一个元素设置位置区域 基本语法 position: absolute; 代码解析...

  • CSS中的position

    HTML中的三种布局方式 浮动 标准流 定位 position属性的意义 position属性决定了元素将如...

  • 定位元素

    css布局中的position属性,对元素盒子使用这个属性,可以把它的位置重新定位。 position 属性有4个...

  • CSS Position(定位)

    position 定位 不占位 CSS position 定位属性属性,允许您将布局的一部分与另一部分重叠,还...

网友评论

      本文标题:定位布局:position属性

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