Html 删除边框时，边距从子元素移动到父元素

当删除

页脚

标记的边框时，

的

页边距顶部

应用于页脚标记

这是我正在使用的代码

页脚{
背景#0096D6；
宽度：100%；
高度：250px；
颜色：#fff；
边框：#FF0004 1px实心；
}
#脚{
宽度：1136px；
保证金：0自动；
边缘顶部：80px；
}

订阅

从从事数字经济学工作的团队和人员那里获取最新的新闻、事件、更新和优惠。



当前发展

这是带边框的JSFIDLE 在这一页边距中，我们将如期完成工作。 下面是第二个jsfiddle，在

footer

---

我不想在页脚标记上使用border，但当我删除border时，它的子margin属性会转移给他。

快速修复方法是将display:inline块添加到#foot或footer标记上

仅在.css中创建clearfix类，然后应用于页脚标记

    .clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

HTML

具体请参见：

父级和第一/最后一个子级

如果没有边框、填充、内联 内容，或用 第一个子块的边距顶部，或无边框、填充、内联 内容、高度、最小高度或最大高度来分隔 块的边距底部及其最后一个子块的边距底部， 然后这些利润率就会崩溃。塌陷的边结束于外部 家长

在第一个示例中，父

页脚有边框，因此边距没有折叠

在第二个示例中，父级
页脚
没有边框、填充、内联内容或间隙，因此页边空白确实塌陷

一种解决方案是改变这种情况：

#foot {
  margin-top: 80px;   
}

……为此：

#foot {
  padding-top: 80px;   
}

不清楚你在问什么。页面加载且发生某些操作或事件后，页边距是否会从一个元素更改为另一个元素？我不想使用页脚上的边框标记，但当我删除边框时，其子页边距属性会转移给他。请尝试将padding top设置为80px，而不是margin，这是一个快速解决方案……您的观察是正确的，我建议您要么简单地更改边框颜色以匹配背景颜色，要么使用框大小：页脚上的边框框，并将#页脚边距转换为页脚上的填充。
#foot {
  padding-top: 80px;   
}