请问如下为什么div会把margin伸出到header之外，如何，让他向上的margin在header内，就是从margin的border算起？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<header style="margin:2vh;height:10vh;border-radius:1em;background-color:red">
<div style="margin:5vh">电站通讯</div>
<div style="margin:5vh">通讯正常</div>
</header>
</body>
</html>
