为什么这里用padding就没有用呢 用margin就可以实现居中 padding和margin的用法有什么区别
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#a{width:600px;
height:600px;
background:red;}
#b{height:300px;
width:300px;
padding:auto; //padding在这里 把padding换成margin就可以居中了
background:green;}
</style>
</head>
<body>
<div id="a">
<div id="b"></div>
</div>
</body>
</html>
你可以用chrome打开,可以看到那个padding:auto的时候,padding时默认设置为0的,当margin:auto的时候,默认自动居中时应为它有数值,网上说可以可以用margin:auto来设置居中,padding:auto是根据浏览器的不同而不同的,chrome是没有。
padding是内边距,margin是外边距。