盒子里h元素的边距问题
<html><head>
<title>Home</title>
<style>
#b
{position:absolute;
top:2%;
left:7%;
}
#b li
{display:inline;
margin-right:50px;
}
#b a
{text-decoration:none;
color:white;
font-weight:bold;
font-size:1.2em;
}
#c
{height:80%;
}
#c h1
{margin:2%;
padding:10% 10%;
}
#c li
{
}
#ca
{margin:0px;
padding:30%;
}
</style>
</head>
<body style="margin:0;">
<div id="a" style="background-image:url(images/banner.jpg);height:105%;">
</div>
<div id="b">
<ul>
<li><a href="" style="color:yellow;">HOME</a></li>
<li><a href="" style="margin-right:80px;">ABOUT US</a></li>
<li><a href="" style="margin-right:220px;font-size:2.4em;color:yellow;">Apartment</a></li>
<li><a href="">GALLERY</a></li>
<li><a href="">ICONS</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</div>
<div id="c">
<h1 style="color:yellow;font-size:3em;">Welcome<h1>
<div id="ca">
<ul>
<li><a href="">Tab1</a></li>
<li><a href="">Tab2</a></li>
<li><a href="">Tab3</a></li>
<li><a href="">Tab4</a></li>
<li><a href="">Tab5</a></li>
</ul>
</div>
</div>
</body>
</html>
为什么id是c的盒子里面，h1的内边距总是和id是ca的盒子的内边距一样，h1的边距会影响其他元素的边距吗？
