我遇到了css问题。请考虑以下布局：
<div class="footer-container" style="background: #ff00ff">
<footer class="wrapper"><h4 style="margin: 20px 0">Some Headline</h4></footer> </div>
h4的垂直边距不会延伸容器div，而是“溢出”，因此在容器div上方和下方之外有一个20px的边距，没有任何背景颜色。 我知道相邻元素的垂直边缘会崩溃，但这似乎是另一回事。
感谢您的回复！
答案 0 :(得分：3)
将overflow:auto添加到包含的div中可以解决崩溃边距问题：
<div class="footer-container" style="background: #ff00ff;overflow:auto">
<强> jsFiddle example
答案 1 :(得分：0)
有点hacky，但如果您因某些原因不想padding: .1px 0，可以在父级上使用<!DOCTYPE html>
<html>
<body>
<canvas id="canvas" width="848" height="600" style="border:1px solid black;"></canvas>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="wack-a-circle.js"></script>
<script>
$(function () {
initialize();
});
</script>
</body>
</html>
，在所有现代浏览器中都会显示为0。