为什么我设置margin-top上边距50px，连同父元素一起移动了。
来源：2-6 编程练习
汪晓歌
2018-10-21 13:55:46
为什么我设置margin-top上边距50px，连同父元素一起移动了。设置margin-left是移动当前设置的元素。两个margin移动的效果不一样。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景</title>
<style>
/*此处写代码*/
div{
background-color:red;
background-image:url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg);
width:500px;
height:500px;
}
p{text-align:center;
background-color:red;
width:250px;
height:250px;
margin-top:50px;
margin-left:50px;
}
</style>
</head>
<body>
<div>
<p>
《长歌行》
<br>
<br>青青园中葵，朝露待日晞。
<br>阳春布德泽，万物生光辉。
<br>常恐秋节至，焜黄华叶衰。
<br>百川东到海，何时复西归。
<br>少壮不努力，老大徒伤悲。
<br>
</p>
</div>
</body>
</html>
1回答
-
好帮手慕夭夭
2018-10-22
你好同学 , 如果一个元素的父元素没有设置边框或者padding-top的话 , 那么元素设置了margin-top , 父元素就会跟着跑哦 . (这个是经常遇到的一个特殊现象 , 记住就好了) . 另外 , 建议代码如下调整 :
如下去掉
盒子如下设置:
完善一下吧 , 祝学习愉快 ,望采纳
0
相似问题