美文网首页
CSS:css定位机制

CSS:css定位机制

作者: Andy丶Go | 来源:发表于2017-09-29 18:11 被阅读18次

CSS 有三种基本的定位机制:普通流,浮动,绝对定位、相对定位、固定定位。

1、普通流:即默认文档流,除非专门指定,否则所有的元素内容都在普通流中遵循自上而下,从左到右的默认定位。
2、浮动:浮动的元素可以向左或向右移动,直到它的边框碰到此元素的父级边框或另一个浮动元素的边框为止。任何元素都可以浮动,而且不论它本身是何种元素,浮动后都会成为一个块级元素且脱离默认文档流(不完全脱离,会占据文本流位置,但不占据元素流位置)。
3、绝对定位:设置绝对定位的元素会完全脱离文档流,并相对于此元素最近的已定位祖先元素来定位,如果元素没有已定位的祖先元素,那么它就相对于最初的包含块(根据用户代理的不同,最初的包含块可能是画布或 HTML 元素)。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级元素,而不论原来它在正常流中是何种类型的元素。
4、相对定位:设置为相对定位的元素会相对于其原来的位置偏移某个距离,元素仍然保持其未定位前的形状,它原本所占的空间仍保留即不会脱离文档流。
5、固定定位:元素的表现类似于绝对定位,不过其相对的是视窗本身(浏览器视图)。

相关文章

  • CSS 定位

    CSS定位 CSS 定位机制 CSS中一共有三种基本定位机制:普通流、浮动、绝对定位。如果不进行专门指定,所有的标...

  • css 定位 浮动

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

  • CSS定位与浮动2016/6/12

    CSS 定位 (Positioning) CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 position...

  • css - 定位

    CSS 定位机制 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。...

  • CSS中绝对定位和相对定位详解

    CSS 定位机制 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 一、普通流 除非专门指定,否则所有框...

  • CSS定位与浮动

    CSS定位机制 CSS 有三种定位机制 普通流(文档流)、浮动和绝对定位。浮动和绝对定位可以让一个元素脱离文档流。...

  • 2018-06-07

    CSS 定位机制 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 一、普通流除非专门指定,否则所有框都在普...

  • CSS定位描述

    CSS 定位机制 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 一、普通流除非专门指定,否则所有框都在普...

  • 网页布局基础

    1、CSS的三种定位机制 CSS 规定的定位机制有三种,分别是: 标准文档流(Normal flow): 特点:从...

  • CSS 定位(postion、z-index)

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

网友评论

      本文标题:CSS:css定位机制

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