关于css中的基本定位机制

在我们网页布局中定位是一个很重要的概念，定位决定了网易表现形式，那么你知道在网页中浏览器是怎么定位的吗？今天我们就一起我学习关于css中的基本定位机制。

css中的三种基本定位机制

a.普通文档流

b.定位：相对定位

　　?????? 绝对定位

　　　???固定定位

c.浮动

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

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

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

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

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

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

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

上文中主要介绍了关于css中的基本定位机制的内容，看完本文后你是否对css中的三种基本定位机制有了更深的了解呢？小伙伴们觉得有帮助的话就赶紧收藏我们吧。

原文链接:https://js.aizhan.com/web_authoring/css/8146.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有