span是行内元素,不能设置宽高。
margin padding左右有效,上下无效。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin: 0;
padding: 0;
}
span{
background-color: green;
color: red;
width: 200px; /* 不能设置宽高 */
height: 200px;
/*margin: 100px;*/
padding-left: 100px;
padding-right: 100px;
padding-top: 100px;
padding-bottom: 100px;
}
</style>
</head>
<body>
<span>hello</span>zzzzzzzzzzzzzzzz
<div>我是div</div> <!-- 通过验证,发现这里的div会出现的hello下方,说明span的padding-bottom无效 -->
</body>
</html>```