今天来聊聊关于HTML定位代码，html定位的文章，现在就为大家来简单介绍下HTML定位代码，html定位，希望对各位小伙伴们有所帮助。
(资料图片)
1、背景图像定位中要明确的几点：两个值前面一个是横向的定位，称为x轴方向定位。
2、后面一个值是纵向的定位，称为y轴方向定位。
3、如果只有一个值，那默认的就是x轴方向，这时y轴方向就默认的是上下居中对齐，也就是center。
4、2、坐标轴的原点就是对应器的左顶点。
5、3、这个坐标的y轴箭头朝下，也就是右下方（器部）x y的值才都为正。
6、4、x y值分别表示背景图片的左顶点相对于坐标原点（也就是器的左顶点）的值。
7、5、x y的值可以用百分比或者px来表示。
8、6、x y也可以用“left、right、top、bottom、center”这五个对齐方式来表示，但注意：用“left、right、top、bottom、center”来表示的时候，应用的是对齐规则，而不是坐标规则。
9、x为left是表示图片的左边和器的左边对齐，为right的时候表示图片的右边和器的右边对其，y为top的时候表示图片的顶部和器的顶部对齐，为bottom时表示图片的底部和器的底部对齐，x y等于center的时候表示居中对齐。
10、7、x y用百分比或者px表示的时候，其值可以为负数。
11、应用坐标规则就很易理解负数表示的意义，x为负数时候表示图片左顶点在器左顶点的左侧，y为负数时表示图片的左顶点在器的左定点的上方。
12、也就是向左和向上超出器的范围。
相信通过html定位这篇文章能帮到你，在和好朋友分享的时候，也欢迎感兴趣小伙伴们一起来探讨。
本文由用户上传，如有侵权请联系删除！
