                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

这样写对吗？一样可以完成上述效果呀？为什么不行呢？

div{

width:200px;

height:200px;

border:2px red solid;

position:absolute;

margin-left:100px;

margin-top:20px;

}

慕粉3364292

2016-08-18

源自：初识HTML(5)+CSS(3)-升级版 13-6

关注问题我要回答

993

操作

收起

7 回答

慕粉3917843
2016-09-27

绝对定位/相对定位/固定定位--

绝对定位：他的爸爸(父元素)绝对需要有一个东西可以把它定住，否则他会不受父元素控制，跑出家门（父元素或者文档流）

相对定位：这是个乖乖女，只相对于原来的位置移动，不会脱离爸爸(父元素)的控制。

固定定位：这是个奇葩，野性难训，只相对于浏览器的位置(body)移动，不受阿姨(鼠标)叔叔(键盘)们的教唆。喜欢死站着不懂。

2 回复有任何疑惑可以回复我~

收起回答

qq_咸敏_03837113
2016-08-29

3，position只要你给盒子的父级一个绝对定位relative，给想要移动的盒子相对定位absolute，那么无论盒子周围有什么元素，有多少元素，他都可以相对于父级的位置做到你设定的上下或左右边距效果。

1 回复有任何疑惑可以回复我~

收起回答

慕粉3917843

你搞错了: relative 是相对定位决定定位是absolute fixed是固定定位。

2016-09-27 回复有任何疑惑可以回复我~

qq_咸敏_03837113
2016-08-28

1,首先任务要求是让你把这个盒子相对于浏览器距离上边20px，距离右边100px。你现在写的输出结果是距离上边20px，距离左边100px；

2，其次你要理解margin和position的特点。margin是增加与其周边元素的距离，现在只有一个盒子所以现在用margin他就是相对于浏览器增加了边距，如果他前面有两个盒子或者其他，那么你再用margin就得不到任务需要的效果了；

3，position是一个很好用的属性，熟悉了可以做到很多样的效果；

2 回复有任何疑惑可以回复我~

收起回答

慕粉3726277
2016-08-20

margin代表的是两个盒子之间的距离，现在只有一个盒子，没有相对值（即没有另一个盒子作为比较对象）当然不起作用了

0 回复有任何疑惑可以回复我~

收起回答

慕雪8141073
2016-08-18

不懂呀

0 回复有任何疑惑可以回复我~

收起回答

l李聪
2016-08-18

text-align:left;

本来就有居中属性，为什么要自己计算呢，如果屏幕宽度变了怎么办？不能更好的适配屏幕

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225293 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

2 回答可以写成这样吗

1 回答效果是一样了，不知道这样写行不行

1 回答为什么可以这样写

3 回答为什么效果不一样

5 回答这样写可以吗？

搜索更多本课相关问答

这样写对吗？一样可以完成上述效果呀？为什么不行呢？

我要回答关注问题

热搜

最近搜索清空

这样写对吗？一样可以完成上述效果呀？为什么不行呢？

7 回答

本课相似问答

这样写对吗？一样可以完成上述效果呀？为什么不行呢？