美文网首页
css中的三种基本定位机制

css中的三种基本定位机制

作者: 米塔塔 | 来源:发表于2017-02-24 00:31 被阅读0次

css中的三种基本定位机制

a.普通文档流

b.定位:相对定位

绝对定位

固定定位

c.浮动

1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置

2.相对定位看作普通流的一部分,移动后的元素仍占据原来的位置,移动元素会导致他覆盖其他的框

3.绝对定位相对于已定位的最近的祖先元素,绝对定位脱离普通流

4.固定定位是相对于浏览器窗口的定位

5.浮动的元素可以左右移动,直到他的外边框边缘碰到包含自己的框或者另一个浮动框的边缘

6.浮动的元素脱离普通文档流

7.行内元素和行内块元素会围绕浮动框排列,块元素会被覆盖

相关文章

  • css - 定位

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

  • CSS 定位

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

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

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

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

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

  • 2018-09-26前端面试之CSS总结

    定位机制 css有三种基本定位机制: 标准文档流(Normal flow), 浮动(Floats)和绝对定位(Ab...

  • CSS 定位(postion、z-index)

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

  • HTMLCSS学习笔记(七)-- 定位与锚点

    CSS文档流 CSS 有三种基本的定位机制:普通流、浮动流、定位流 POSTION position定位属性,检索...

  • 2018-06-07

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

  • CSS定位描述

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

  • CSS定位

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

网友评论

      本文标题:css中的三种基本定位机制

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