边框边距底部不起作用CSS答案

【问题标题】：border margin-bottom not working CSS边框边距底部不起作用CSS
【发布时间】：2015-02-19 12:25:39
【问题描述】：

我有一个边框，我使用<div> 环绕页面。父元素是实际页面。我似乎无法弄清楚为什么 margin-bottom 不起作用。

.page_border {
  border: 20px solid;
  height: 960px;
  width: 720px;
  margin-top: 24px;
  margin-bottom: -24px;
  margin-left: 24px;
}

&lt;div class="page_border"&gt;&lt;/div&gt;

【问题讨论】：

【解决方案1】：

不知道你在问什么。

你能不能把一个高度值放到body标签上，然后从div调整height: value;，这样做虽然body会有一个固定的高度，你可能需要在div上设置overflow: auto;。

【讨论】：

我想问的是，margin-bottom 不起作用，因为它没有在边框底部和页面底部之间放置边距。我尝试删除高度，但这完全关闭了边框的垂直开口。我似乎无法弄清楚为什么 margin-bottom 不起作用。
对不起，我的意思是，将高度值放在 body 标签上，然后将 div 的高度调整为负 24px 或您想要的任何值，然后设置溢出：auto;到 div 上。这应该可以工作

【解决方案2】：

我认为如果您想要在 div 和页面底部之间放置一个边距，那么您将底部边距设置为负值可能是问题所在。如果您删除应该工作的负号。见下文。

.page_border {
  border: 20px solid;
  height: 960px;
  width: 720px;
  margin: 24px 0 24px 24px;
}

&lt;div class="page_border"&gt;&lt;/div&gt;

【讨论】：