美文网首页我爱编程Web 前端开发 css
几行文字看穿CSS的定位技术

几行文字看穿CSS的定位技术

作者: 是归人不是过客 | 来源:发表于2018-08-13 21:00 被阅读1次

CSS使用 position选项进行定位,有5个可选值,static,relative,absolute,fixed, inherit,其中inherit是继承父元素的定位属性,因此在这里我们介绍前四个属性值。

1,相对定位

相对定位是指相对于文档流的元素进行定位,与绝对定位的和脱离文档流的 absolute,float无关。

(1)static(默认值)

 如果使用默认值,在CSS为元素定义的top,left,right,bottom,z-index都不会生效

(2)relative

relative的表现和默认值一样,只不过通过偏移量个z-index来控制相对与正常位置进行便宜

2,绝对定位

(1)absolute

absolute 是相对上一个不为static 的父元素进行绝对定位。如果不指定父元素的postion,absolute将相对与整个文档进行绝对定位

(2)fixed

生成绝对定位的元素,相对与浏览器窗口进行定位,也就是说,无论网页如何滚动,该元素始终停留在屏幕的某个位置。

相关文章

  • 几行文字看穿CSS的定位技术

    CSS使用 position选项进行定位,有5个可选值,static,relative,absolute,fixe...

  • 文字超出省略号显示

    css3处理文字超出(万能,想几行就几行)

  • 图片精灵

    div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css ...

  • UNIapp 自定义uni-picker 确定取消文字

    在uni.css 里面加上这几行css就好了

  • css定位

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • CSS 定位

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • CSS 定位 (Positioning)

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • css 定位 浮动

    定位 1 . css 定位:改变元素在页面上的位置2 . css 定位机制:普通流浮动绝对布局3 . css 定位...

  • 大连滕泰科技学习笔记2020-11-17

    1,CSS浮动特点: 1,1 文字环绕的方式 2,CSS 定位 3,java中代理模式 4,java中java.l...

  • CSS定位

    CSS定位(Positioning)允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性...

网友评论

    本文标题:几行文字看穿CSS的定位技术

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