下面是我给大家整理的页面布局之position定位，有兴趣的同学可以去看看。
在利用div+CSS进行页面布局时，position定位的理解如下：
1.（当前元素的）position：relative，不脱离文档流的布局，相对于自身位置的偏移，原自身位置出现空白时后面的元素不会进行填充，也即当前元素与后面元素的相对位置（或称相对顺序）不会发生改变，我通常理解为：无论怎样，当前元素与后续元素的前后顺序不会发生改变。
2.（当前元素的）position：absolute，脱离文档流的布局，原自身位置出现空白时由后面的元素进行填充，定位的起始位置是父元素（position不是static）或者body，也即当前元素相对于父元素或者body的位置是固定不变的，但是后续的元素可能会移动到当前元素的前面，我通常理解为：当前元素与后续元素的前后顺序可能会发生改变。
3.（当前元素的）position：fixed，与absolute类似，但是不随滚动条的移动而改变位置（比如有些网页右下角放置的广告，当下拉滚动条时，广告的位置是不变的），当浏览器缩小到此元素不可见时，页面上不会出现滚动条。
4.（当前元素的）position：static，默认值。
上面是我整理给大家的页面布局之position定位，希望今后会对大家有帮助。
相关文章：
详细介绍有关CSS页面布局技巧
详细讲解CSS基础知识点
jquery+CSS3实现下拉导航菜单功能
以上就是详细解读页面布局之position定位的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2897544.html
