美文网首页- [ CSS入门 ]
十八,定位机制

十八,定位机制

作者: 好多可乐 | 来源:发表于2020-12-22 00:05 被阅读0次

定位机制:(主要针对块级元素)
有2种:
1,(标准)文档流(从上到下依次排列,中间没有改变任何布局和位置,如截图)
2,脱标流:(脱离标准文档流)有两种,分别是float,position:absolute),称为浮动,也称为position的实现效果(让块级元素实现从左到右,从上往下)
比如让内容4脱离文档流,出现在内容2的后面
文档流特点:
1,空白折叠现象(把编辑区里的换行的回车显示为空格)
2,高矮不齐,底边对齐
3,自动换行,一行写满,换行写(不是指浏览器从左到右写满,指的是当前的容器一行写满再换行)

在这里插入图片描述

相关文章

  • 十八,定位机制

    定位机制:(主要针对块级元素)有2种:1,(标准)文档流(从上到下依次排列,中间没有改变任何布局和位置,如截图)2...

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

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

  • CSS 定位

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

  • css - 定位

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

  • CSS定位与浮动

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

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

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

  • 定位体系(定位机制)

    原文 博客原文 大纲 1、定位体系的意义2、定位体系的分类3、常规流:( Normal flow )4、浮动(Fl...

  • 2018-06-07

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

  • CSS定位描述

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

  • 网页布局基础

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

网友评论

    本文标题:十八,定位机制

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