金沙网址:span的上外边距并没有起作用

何以设置的margin-top不不起功能,margin-top不起功用

干什么设置的margin-top不不起功用:
建议:尽可能的手写代码,能够有效的提升学习功用和深度。
世家知晓能够因此margin-top属性设置对象的上国外贸高校地距,不过不常设置了此属性之后,并未起任何功效。各种缘故促成的,当中贰个就有由外省距合併变成的,下边再介绍一种。先看一段代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div {
  width: 400px;
  height: 400px;
  border: 1px solid red;
}
span {
  border: 1px solid green;
  margin-top: 50px;
  margin-left: 50px;
}
</style>
</head>
<body>
<div>欢迎来到蚂蚁部落</div>
</body>
</html> 

由以上代码能够看来,span的上外国国语高校地距并未起效果。这是因为span是个内联成分,内联成分的上外省距和下外边距都不会起效果,可是左右外省距会有效能。

初稿地址是:

越来越多内容能够参谋:

为何设置的margin-top不不起效能: 建议:尽可能的手写代码,能够有效的进步学习成效…

相关文章