美文网首页
CSS position 属性

CSS position 属性

作者: 王翔爱摇滚乐爱电影爱心理学爱哲 | 来源:发表于2017-08-02 10:53 被阅读0次

1、定义和用法

position 属性规定元素的定位类型。

2、说明

这个属性定义建立元素布局所用的定位机制。
任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。
相对定位元素会相对于它在正常流中的默认位置偏移。

Paste_Image.png

(1)relative:

Paste_Image.png Paste_Image.png
{
position:relative;
left:-20px
}

(2)absolute:

Paste_Image.png
{
position:absolute;
left:100px;
top:150px
}

(3)fixed

Paste_Image.png
{
position:fixed;
top:30px;
right:5px;
}

(4)

Paste_Image.png

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
作者:王翔 QQ:592767079 Email:wangxianglengye.com 期待共同进步!

相关文章

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

  • CSS定位网页元素

    position 属性 position 属性与float属性一样,在css排版中都非常重要。position顾名...

  • [note] CSS 定位position|z-index

    内容概述 一. CSS属性 - position CSS属性 - positionstatic:静态定位relat...

  • BFC

    1. CSS定位属性: position 1.1 定义及常见的属性值 1.1.1 定义: position 属性指...

  • CSS position属性和实例应用

    CSS position属性和实例应用

  • CSS position 属性总结

    CSS的position总是属性很容易让人弄混~ 为了仔细区别它们,所以今天总结一下CSS的position属性~...

  • Day15:大前端

    垂直水平居中 css: position几个属性 position: relative, absolute, fi...

  • CSS布局

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

  • CSS-position-2

    CSS-position系列属性 CSS-position系列属性总结,写记下来,希望对大家有帮助,供新人学习,老...

  • CSS布局

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

网友评论

      本文标题:CSS position 属性

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