css中的三种基本定位机制
发布时间：2017-02-24 16:15:57 作者：.smile 
我要评论
我要评论本文主要介绍css中的三种基本定位机制，具有很好的参考价值，下面跟着小编一起来看下吧
css中的三种基本定位机制
a.普通文档流
b.定位：相对定位
绝对定位
固定定位
c.浮动
1.普通流中，元素位置由文档顺序和元素性质决定，块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin值计算得到，行内元素在一行中水平布置
2.相对定位看作普通流的一部分，移动后的元素仍占据原来的位置，移动元素会导致他覆盖其他的框
3.绝对定位相对于已定位的最近的祖先元素，绝对定位脱离普通流
4.固定定位是相对于浏览器窗口的定位
5.浮动的元素可以左右移动，直到他的外边框边缘碰到包含自己的框或者另一个浮动框的边缘
6.浮动的元素脱离普通文档流
7.行内元素和行内块元素会围绕浮动框排列，块元素会被覆盖
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了CSS属性之定位属性（图文详解）的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-17
css绝对定位如何在不同分辨率下的电脑正常显示定位位置？(一定要看！)
这篇文章主要介绍了css绝对定位如何在不同分辨率下的电脑正常显示定位位置，本文首先解释了常见的电脑分辨率，为了页面在不同的分辨率下正常显示，要给页面一个安全宽度，2017-08-18
这篇文章主要介绍了CSS position属性和实例应用演示,absolute（绝对定位）,relative（相对定位）,relative与absolute的结合使用以及fixed(固定定位),需要的朋友可以参考下2017-08-11
这篇文章主要介绍元素的Position属性，此属性可以设置元素在页面的定位方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-22- 本文详细介绍了CSS中position定位和float浮动的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-24
- 下面小编就为大家带来一篇CSS 定位之position全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-08
- 这篇文章主要为大家详细介绍了CSS3定位和浮动的概念，以及实例代码讲解CSS3定位和浮动的使用方法，感兴趣的小伙伴们可以参考一下2016-05-10
- 下面小编就为大家带来一篇深入理解CSS定位与层叠。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-15
- 这篇文章主要介绍了CSS定位的教程,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-30
最新评论