css - css元素边框包括margin-top

Question

我有一个 div 标签，其样式集为 margin-top: 25px

现在，当我尝试在 div 标签周围添加边框时，它不包括顶部边距。甚至可能吗？

我一直在谷歌搜索，到目前为止还没有找到任何东西。

Answer 1

你需要padding-top改用。边框显示在边距框和填充框之间。

Answer 2

您需要添加padding-top而不是边距，并且您的标记/CSS 应该看起来像这支笔：http ://codepen.io/gillytech/pen/yCAnE

HTML：

<div id="box"></div>

CSS

#box {
  height: 100px;
  width: 200px;
  background-color: #eee;
  padding-top: 25px;
  border: 1px solid #666;
}