小编yuy*_*raj的帖子

边框属性对上边距的影响

参考以下代码:

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 元素上方获得一些空间。但是当我添加边框属性时,我得到了完美的结果(即删除了空间)。边界属性应该对这个空间产生什么影响?

html css margin

2
推荐指数
1
解决办法
182
查看次数

标签 统计

css ×1

html ×1

margin ×1