css中的三种基本定位机制

css中的三种基本定位机制

　　a.普通文档流

　　b.定位：相对定位

　　　　　　绝对定位

　　　　　　固定定位

　　c.浮动

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

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

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

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

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

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

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

转载于:https://www.cnblogs.com/frontendnotes/p/6430815.html

css中的三种基本定位机制相关推荐

CSS中的三种样式来源：创作人员、读者和用户代理
查看原文:https://www.cnblogs.com/JJJJJKKKKK/articles/4542545.html CSS中的样式一共有三种来源:创作人员.读者和用户代理,来源的不同会影响到样 ...
ucos中的三种临界区管理机制
熟悉ucos,或者读过Jean.J.Labrosse写过的ucos书籍的人,一定会知道ucos中著名的临界去管理宏:OS_ENTER_CRITICAL()和OS_EXIT_CRITICAL(). 同样 ...
Web前端入门：CSS中颜色三种写法
在CSS中,颜色的表示有三种写法,分别是: 英文单词 16进制 rgb+rgba 1.英文单词: 例如:red, white, blue, skyblue, pink, deeppink, ...
Hibernate中的三种数据持久状态和缓存机制
Java三大框架之--Hibernate中的三种数据持久状态和缓存机制 Hibernate中的三种状态瞬时状态:刚创建的对象还没有被Session持久化.缓存中不存在这个对象的数据并且数据库中没 ...
html一般用那种方式定位,使用三种方式定位html中的元素
使用三种方式定位html中的元素发布时间:2020-06-06 14:46:00 来源:51CTO 阅读:687 作者:知止内明 1)使用三种方式定位html中的元素 a)通过ID $(" ...
创建CSS样式的三种方式
CSS基础 - 创建CSS样式的三种方式我们使用CSS的时候,常规有三种创建CSS样式的的方式: 内联样式,内部样式表,外部样式表 1.内联样式 (不常用) style在标签中的情况就是内联样式.不 ...
HTML引入css样式的三种方式，css选择器的三种样式
文章目录前言一. css样式的三种方式第一种:内联定义方式第二种: 样式块第三种:引入外部独立css文件二. 选择器的三种样式第一种:id选择器第二种:标签选择器第三种:类选择器三 ...
css样式的三种位置行内内部外部优先级比较
css样式的三种位置行内内部外部优先级比较行内(内联)样式优先级高于内部和外部内部样式就是通过style标签包裹的样式,外部样式,通过link标签导入的样式的优先级相等,后面会覆盖前面的样 ...
JS行间改变css的方法,js改变css样式的三种方法推荐
共用代码: this is a div var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:25 ...

css中的三种基本定位机制

css中的三种基本定位机制相关推荐

最新文章

热门文章