参考以下代码:
body {
height: 500px;
width: 80%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
background-color: lightgray;
}
.header {
width: 80%;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: yellow;
/* border: solid 1px black; */
}Run Code Online (Sandbox Code Playgroud)
<div class="header">
<ul>
<li><a href="index.html">Dashboard</a></li>
</ul>
</div>Run Code Online (Sandbox Code Playgroud)
当我border: solid 1px black从 .header 中删除时,我会在 div 元素上方获得一些空间。但是当我添加边框属性时,我得到了完美的结果(即删除了空间)。边界属性应该对这个空间产生什么影响?