关于编程练习中红色div块居中的问题
来源:6-3 编程练习
浅梦sky
2020-11-30 11:06:09
# 具体遇到的问题
(1) 这里设置了margin-left: -400px,那这个时候红色div块是以什么为参数为移动的?
(2) 设置了margin-left: -200px为什么浏览器按F12的时候,却看不到这个距离?
在这里输入代码,可通过选择【代码语言】突出显示
1回答
好帮手慕阿慧
2020-11-30
同学你好,
1、红色div块是以父div为参数来移动的。如果margin-left值大于0,则红色div向右移动;如果margin-left值小于0,则红色div向左移动。
2、.test中设置margin-left: -400px,是设置<div class="test"></div>的左外边距是-400px,由于-400小于0,所以div会向左移动400px。由于这400px移出了浏览器,所以看不到这个距离。
同学可以再添加一个div,对比着看。如下:
运行效果如下:
相似问题