关于编程练习中红色div块居中的问题

来源:6-3 编程练习

浅梦sky

2020-11-30 11:06:09

# 具体遇到的问题
(1) 这里设置了margin-left: -400px,那这个时候红色div块是以什么为参数为移动的?

(2) 设置了margin-left: -200px为什么浏览器按F12的时候,却看不到这个距离?

http://img.mukewang.com/climg/5fc4617009ebb81318610950.jpg

在这里输入代码,可通过选择【代码语言】突出显示

写回答

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,对比着看。如下:

http://img.mukewang.com/climg/5fc49b33093ffe1504070738.jpg

运行效果如下:

http://img.mukewang.com/climg/5fc49c360998667d17350867.jpg

0

0 学习 · 16556 问题

查看课程