1回答

好帮手慕慕子

2019-11-06

同学你好， 请问你这里主要是对如下图所示的top, left、margin-left以及margin-top属性不理解吗？

如果是这样的话， 可以参考如下解析理解， 老师这里手滑的图可能会有一点不标准，同学理解意思就行

1. 设置固定定位之后，设置的top/left值是参考窗口进行进行移动的。 示例:  此时盒子的上边和左边位置会处在50%的位置，盒子还没有实现整体居中显示， 只是左上角位于中心点的位置

   

2. margin-top和margin-left设置为负的自身高度的一半，是根据当前盒子所在位置进行移动的。

   示例： 设置负值，根据自身的位置向左和向有移动自身一般的距离， 让盒子的中心位置窗口的中心实现盒子整体居中显示哦

   

同学可以结合示例，自己下去测试一下代码， 根据代码实现效果帮助自己更好的理解哦

如果不是指这里的话， 可以再次提问， 我们会继续帮助您解答的

如果帮助到了你， 欢迎采纳！

祝学习愉快~~~

0