边界边缘底部不起作用的CSS

时间:2014-12-20 23:03:13

标签: html css border margin

我有一个边框,我使用<div>围绕页面。父元素是实际页面。我似乎无法弄清楚margin-bottom无效的原因。

&#13;
&#13;
.page_border {
  border: 20px solid;
  height: 960px;
  width: 720px;
  margin-top: 24px;
  margin-bottom: -24px;
  margin-left: 24px;
}
&#13;
<div class="page_border"></div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

不确定你的问题是什么。

您是否可以将高度值放在body标签上,然后调整div中的height: value;,这样做虽然正文具有固定高度,但您可能需要设置overflow: auto; div。

答案 1 :(得分:0)

如果你想要做的是在div和页面底部之间设置一个边距,我认为将底边距设置为负值的事实可能是个问题。如果您删除应该起作用的负号。见下文。

&#13;
&#13;
.page_border {
  border: 20px solid;
  height: 960px;
  width: 720px;
  margin: 24px 0 24px 24px;
}
&#13;
<div class="page_border"></div>
&#13;
&#13;
&#13;