本文主要是介绍web前端学习第十天，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
定位
1，为什么需要定位
1.1，某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。
1.2，某个元素可以在一个盒子上固定位置。
以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。
所以：
1，浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。
2，定位则是可以让盒子自由在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。
2，定位组成
定位：将盒子定在某一个位置，所以定位也是摆放盒子，按照定位的方式移动盒子。
定位=定位模式+边偏移
定位模式用于指定一个元素在文档的定位方式，边偏移则决定了该元素的最终位置。
2.1，定位模式
定位模式决定元素的定位方式 ，它通过CSS的position 属性来设置，其值可以分为四个：
static：静态定位
relatve：相对定位
absolute ：绝对定位
fixed：固定定位
2.2，边偏移
边偏移就是定位的盒子移动到最终位置，有top，bottom，；left 和right4个属性。
边偏移属性
top ：top:80px，顶端偏移量，定义元素相对于其父元素上边线的距离
bottom：bottom:80
这篇关于web前端学习第十天的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
